{"_id":"@cagov/ds-button-grid","_rev":"11-0a0c70dc0ccf9db7c599f6c639dca8fd","name":"@cagov/ds-button-grid","dist-tags":{"latest":"2.0.2"},"versions":{"2.0.1":{"name":"@cagov/ds-button-grid","version":"2.0.1","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-button-grid@2.0.1","maintainers":[{"name":"zakiyak","email":"zakiya.khabir@digital.ca.gov"},{"name":"timothyshambra","email":"timothy.shambra@gmail.com"},{"name":"xjensen","email":"github@id.xjensen.com"},{"name":"carter.medlin","email":"carter.medlin@gmail.com"},{"name":"aaronhans","email":"aaronhans@gmail.com"},{"name":"chacha-california","email":"chach.sikes@digital.ca.gov"},{"name":"kkoryaka","email":"konstantin.koryaka@state.ca.gov"}],"homepage":"https://github.com/cagov/design-system/tree/main#readme","bugs":{"url":"https://github.com/cagov/design-system/issues"},"dist":{"shasum":"957d073527d2cb7c6f66e813a23a4a02d9dd7625","tarball":"https://registry.npmjs.org/@cagov/ds-button-grid/-/ds-button-grid-2.0.1.tgz","fileCount":12,"integrity":"sha512-XYosNOKDeJ8BnlYf+qaO8DlfZwMKK7/+60UHyUFRy3WidiZZBS5jhTeLmi6mbOPjlko2saG27JQbA8KSlHDkBg==","signatures":[{"sig":"MEUCIQCsSIqrrHxy57IfJ+vRZzJLQBsR9oDA+9JOiyWQsIUjQAIgE1vywdgA0oW5czzK8s+K3oyDfsIdmuUOSpY42Q7B9Zc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":165512,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzavfCRA9TVsSAnZWagAA8+8QAISWPfR8GrsbqS6XWf2o\n2Ph8atWQTsz6x/m3BIXndbPM1Nt46CkCIsi+d1E5v4/HysdN9YHuoUD9iiD2\niGaY128Y0Y+73JrcPtlffTO4q2uChmvZ+clJUUJn7QetyAGT6uaWPUPCYlVq\ncA74CKuFU+QxU8nkgXaHG7qGufM7I4n6fw7kxoOpBhdl90XaRMjTEP2fhT0H\nVIjDh1ANBwISc/zWYAGHHqXlAFgOwHlp7DHPGhv80MzxpAU5QmDHX5X5xXpz\nw2oj16sRFhOLitKrflIGb0IVaFVacnJXVrGJdEt6f2YHCQ2hBpTbNz3vQ0eY\n8Lro28dAi1+Fke67nedSrwEvOKAK3v8j64NF3JRjPvZey6wsJaKU73s+M72H\nMHGJhJ8o3alzSU2OaYIiS+tURE8ikvidIKCELLLZ9srIggVG6XpOHZIc7DtX\nmNVWhA+4va9CSDdXZFwU82vO5NCKpY8ipE7v0NnD6BWd2bzLsf0BUjt8fIql\n3+5UAYhSAsfAko3cZMlvLidK26d74ZvzCd90d8CV4Ff/VyRmHJKMsl5/4I6/\nx1jm03V3TVdjFY/UH12o7xal93P5TRTX8EXAg/EUGn1DKirFx3HbiOBD3WIn\neVpf4qyouipFR1cErwrPqbSMykvk6VRahjnfFGs4qhIKSWOQoV+3DgaZMruS\nHK8S\r\n=m6zo\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.css","type":"module","scripts":{"test":"web-test-runner \"test/**/*.js\" --node-resolve","build":"sass src/index.scss index.css","test:visual":"web-test-runner \"test/**/*.js\" --node-resolve --config test-config.js"},"_npmUser":{"name":"aaronhans","email":"aaronhans@gmail.com"},"repository":{"url":"git+https://github.com/cagov/design-system.git#main","type":"git"},"_npmVersion":"7.18.1","description":"The card grid depends on individual cards and lays them out in a grid","directories":{},"_nodeVersion":"14.17.0","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.38.0","@open-wc/testing":"^3.0.1","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-button-grid_2.0.1_1636145540594_0.9336242224649889","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"@cagov/ds-button-grid","version":"2.0.2","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-button-grid@2.0.2","maintainers":[{"name":"zakiyak","email":"zakiya.khabir@digital.ca.gov"},{"name":"timothyshambra","email":"timothy.shambra@gmail.com"},{"name":"xjensen","email":"github@id.xjensen.com"},{"name":"carter.medlin","email":"carter.medlin@gmail.com"},{"name":"aaronhans","email":"aaronhans@gmail.com"},{"name":"chacha-california","email":"chach.sikes@digital.ca.gov"},{"name":"kkoryaka","email":"konstantin.koryaka@state.ca.gov"}],"homepage":"https://github.com/cagov/design-system/tree/main#readme","bugs":{"url":"https://github.com/cagov/design-system/issues"},"dist":{"shasum":"9c3832deb29018ccbfe259932705a5fa6d92e9a9","tarball":"https://registry.npmjs.org/@cagov/ds-button-grid/-/ds-button-grid-2.0.2.tgz","fileCount":12,"integrity":"sha512-hl895mrz8/sZgQO/to/PE7ukcyT4W5pWAkM2jiJNWXMXFZzXgBnEy0I8h78S32rbyMfGxOcwYH03Sb6eSAkOSQ==","signatures":[{"sig":"MEUCIEV8D8MtAfQ/xqBNYhwbbDsDsXhK171ewGnRwdhMlgHlAiEA4+qvP0Hg6Jwz3Bxgx53O5vJufeBkgNbN/i5kQaitEEM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":166177,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh31GCCRA9TVsSAnZWagAAcPEP/RJ6Tdx8ZnRnnVN5LBhh\n5kM3v5wi5uCI1CN6DG5imfmWb2kieiwLeczMNfnIMCPa8qjp/XDD3XovksNR\n7RpaP6Bnmkjy3yqRzri5pw6K0ua+lAFzI2OQb2XEmnG8NrBMJe0kZP+EiaFH\nYDWhKXBhAXRdUbxHUFj28CVEur96NuugseytQL+TEfg3JN/Qt1GJDMUluqmU\nOWoa4lx3rrNdTxnwQZIsr2UxJI6O/zoF13OBs6xGIuCRsXbc8KkVZZLYD/m+\n9Dm5/tS/to8vh6Pk7kXNDCypZKG/4PZ3pYo2d3CLvV7KM/CFidhAJDmBI8D7\n9CWj/YkQTAVv5AomlNhMrEwwxcYu8AYUDXn4SXhomT3k7AhmHKN9F+9qAn+g\nILjelVAWf+N/wyFcVf+LYy50t9VgypIZWLmlpTzhdrWo9i8iX5b+lT8Iy2QG\nWygQPlln+9dKo3KQMpUi+PiweZU9nzLoVffFkCP+31sXelCLVvczJ08D5TOJ\nc0ho6fRPwWfjLkArrOItufOjpm2TcJdTl+/BVpdgQ28q+eswXa8MXZoUXcZ3\nc7MbcuPl551Am5FbFx5xs0rrhoIE32xu7T1bWdEvCnRDGPjvWVsOfpyJ72Z+\nEZPw7oxYmxhvRy2RMqw1/6/30MawK9i3bj6Y9DThXrPPmF/th04l0GB6w+L8\nXxN8\r\n=ZcM8\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.css","type":"module","scripts":{"test":"web-test-runner \"test/**/*.js\" --node-resolve","build":"sass src/index.scss index.css","test:visual":"web-test-runner \"test/**/*.js\" --node-resolve --config test-config.js"},"_npmUser":{"name":"kkoryaka","email":"konstantin.koryaka@state.ca.gov"},"repository":{"url":"git+https://github.com/cagov/design-system.git#main","type":"git"},"_npmVersion":"7.21.0","description":"The card grid depends on individual cards and lays them out in a grid","directories":{},"_nodeVersion":"14.16.1","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.38.0","@open-wc/testing":"^3.0.1","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-button-grid_2.0.2_1642025345848_0.6939975029044567","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-11-05T20:52:20.549Z","modified":"2026-04-01T19:54:34.432Z","2.0.1":"2021-11-05T20:52:20.796Z","2.0.2":"2022-01-12T22:09:06.142Z"},"bugs":{"url":"https://github.com/cagov/design-system/issues"},"license":"ISC","homepage":"https://github.com/cagov/design-system/tree/main#readme","keywords":[],"repository":{"url":"git+https://github.com/cagov/design-system.git#main","type":"git"},"description":"The card grid depends on individual cards and lays them out in a grid","maintainers":[{"email":"github@id.xjensen.com","name":"xjensen"},{"email":"jbum@jbum.com","name":"jbum"},{"email":"chach.sikes@innovation.ca.gov","name":"chacha-california"},{"email":"zakiya@innovation.ca.gov","name":"zakiyak"}],"readme":"# Content components >> Link grid >> Readme || 10\n\nThe card grid depends on individual cards and lays them out in a grid\n\n![](\"img/card-grid.png\")
\n\n## Specs\n\n| Property | Value |\n| --- | --- |\n| Machine name | ds-button-grid |\n| JavaScript | false |\n| SCSS | ./src/index.scss |\n\n## Project installation\n\nThe instructions assume familiarity with [npm](https://npmjs.com) package management tool and [Sass](https://sass-lang.com/).\n\n1. Include **SCSS** in your compiler.\n2. Add the **Sample markup** from the component to your HTML.\n\n3. Modify the **Sample markup** with your URLs and card text as needed. \n\n## Sample markup\n\n```\n\n```\n\n## Audits\n\nRunning the lighthouse audits against this HTML & CSS should produce no issues\n\n![](\"img/grid-audit.png\")
\n\n## Contributor/Developer documentation\n\nFrom the command line at the root of this project you can run:\n```\nnpm run start\n```\nWhich will start the web-dev server and will launch a new page linking to the components, click on hero to get the page created by ```preview.html```\n\n### CSS variables\n\nThere are some colors that should be defined by the containing page. \n\n- The header text color, bottom border color and fill of the svg use a default value but if the css variable is defined\n\nExpected definition is:\n\n```\n:root {\n --primary-color: #33705B;\n --gray-100: #f9f9fa;\n --gray-200: #ededef;\n}\n```","readmeFilename":"readme.md"}