{"_id":"@cagov/ds-feature-card","_rev":"23-608cecc6bdcfc48d7aa7aa88de8f88d8","name":"@cagov/ds-feature-card","dist-tags":{"latest":"2.0.1"},"versions":{"1.0.0":{"name":"@cagov/ds-feature-card","version":"1.0.0","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@1.0.0","maintainers":[{"name":"timothyshambra","email":"timothy.shambra@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"}],"dist":{"shasum":"11e93b4d2d0b6062e53f2a5e66622150fbbc6041","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-1.0.0.tgz","fileCount":9,"integrity":"sha512-ZQz3OBU0mSiAZ8y7bMit0Ix9J5ROI5MwD5uMDhBkwzw5iecb9uC49BIWNL7D3lfa5itbkLKn4q5VJH0o9Qo6GQ==","signatures":[{"sig":"MEYCIQDaxEkZeiQ6OHkC4y4mMV+WkbqI6FKkZjNEIHhFyShoegIhAMklVeyjULhRZarZjlQ4SJT6aqh18FMeZeE9ofPIS3gq","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":418028,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAfP1CRA9TVsSAnZWagAA9F0P/j6HDJftekZD/qTluboE\n0nQx5Ka98ffFoqdwZik1c58kYfj4Pgz6Dunk3PPR6BpPAJoG1DhEnenttgtR\nLn9+If6TuX6rlfqkMB81e6k0euKpUOrP0A5Fsixskam5N4nJgLf4S68Ev6rZ\nFg2TbvmGKCfyO6L5KxW2QeOCcDAhV3N39iYtFAMvofGUAOceG5mdsy0kB+5g\noR8mGMU0IVApYSBFqlEqRm0etqDOxtwQ/v1G29PGGf8hXgZFLdU1JpQ/ZQLp\nKTrAxbpX3v/mb2mggaDK65D62jRiCjZkJkQn9oEBN2mJkvWDOj58SVgXD28v\nxVnc9nWhahvrbDNgfOMPu57OpPUOqAE8vL8MDisiH4fu149zp5JNZhp8cuOo\nmXReXrR+AcU+dV5au0dy6owqMEQ2/JLHTLMbb/OgWBeX0+Bs3ekxZfIxLW9i\nawREzt4ZJWSO2duLD3n9V0cMuTZKfgmH1MsxduQZfqyTNyDnJfnPGI/7xp9Z\nfWL78RfrNfJmK2nLIMivvVy9u5WNqXL7WiJejTmj3QNNgnzpNVm7B3pLBsb2\nMXBJBQKF9wSvAd+9y+QbZ8t9H7aKXLtluVVLJUvex+kGxxi3NTJLO0cMSaDW\nV35wWMREIkjuV1EEWDo3BpyE0Y8DtniwxBK+H8DgqTbgbFhZnw3umgQeXaMI\nfV4h\r\n=blO0\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.scss","scripts":{"build":"sass css/index.scss css/index.css"},"_npmUser":{"name":"aaronhans","email":"aaronhans@gmail.com"},"_npmVersion":"7.18.1","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"14.17.0","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.36.0"},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_1.0.0_1627517941732_0.6064642903006789","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@cagov/ds-feature-card","version":"1.0.1","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@1.0.1","maintainers":[{"name":"timothyshambra","email":"timothy.shambra@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"}],"dist":{"shasum":"6aecb0e2f1185d5c43b435ce6d7eaa534841b32f","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-1.0.1.tgz","fileCount":9,"integrity":"sha512-170eYOhTmNatuODDoMtV/a4YU3QnXzhSAWWWx/fOr0WbsPsjCNCke23TW/zUWncMPIpT7SVegO9GyRgmTnNlnw==","signatures":[{"sig":"MEUCIQCtuEo159UUUXPEFdViLpsgi4TgTAtEge20c8Dat4+8PQIgGS1lNbLxMEk/I9xQGfeqLZK48vrN65XIb3e4/0jutFY=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":418031,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhAtKLCRA9TVsSAnZWagAAePgP/1WKSP2xTOsEXGMvWg5G\nIH3AO1pdyNb8LaXgbmjqbypgl+gmo/rsZXNNBHRPx/tf0Z3N9furJlVPSndj\nP33ZB4ghu8FOuV6oJPyzofm93CLffqAWW6abWL8IQxm+2E7VRoU4l0gHIEUN\nVyVha6euEkkMqWN/t1JKXab99yM/G/dDy44kPJhHf2YgutAnZn/v8G7c6Xt+\nMuok4OdeoPLwHuy/MmUyRXOOYJ0Tnh+bPnKTKf3l9AvMQwCGbfFx283+im4v\nTkBs/D2bnNYPd1fACAHThjrpGRYt/P4YlkmeiTkHMenLpX5bFkkdo1CDqmEF\nL6teOKHytYfUxt1jPVR5f7BHuWalxuzbTyJRZaTB2HyDdLXAswAFewQC3sJr\ndNGkIQBvw971MwXfyRenUC/KN7WpN4pUUtgSZqThxbRv2oBO7VrwibwXfsJz\nhNRo/wtTjg9OKQiM58XcZ9GvcLFg4tBw6YaLb3lCTCH1+L402dSAWsw4rq+I\nVB60QMY5ahwv5jDoZAeNjCdW6ktEJ1YGW9E+piaIePdEhhLD/GDWtWGrFgxW\nLH6Fdy9SBjdwfwYmYdMC4bYU5hxR3Vvb/IjwipwJENt5QE8Hix0s/575nKGt\nT8kB36tVU7uEs8cvlig0XI3hICYAJDOLxJsiDjKVsuKfRBnktgqEKKcsroiB\nWmon\r\n=/d4X\r\n-----END PGP SIGNATURE-----\r\n"},"main":"css/index.css","scripts":{"build":"sass src/index.scss css/index.css"},"_npmUser":{"name":"aaronhans","email":"aaronhans@gmail.com"},"_npmVersion":"7.18.1","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"14.17.0","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.36.0"},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_1.0.1_1627574923711_0.1226236904212088","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@cagov/ds-feature-card","version":"1.0.2","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@1.0.2","maintainers":[{"name":"timothyshambra","email":"timothy.shambra@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"}],"dist":{"shasum":"72a66e20589607d5e2c66e92fdb2f929417f5f4c","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-1.0.2.tgz","fileCount":7,"integrity":"sha512-O8+btmmEuowQ8nNopok3UFfZQpShUA/rmU4+pa9as5s9dIBwM3zhtGf1+vEw9IPdH4mAVeJB87tSDmrC+BMNYQ==","signatures":[{"sig":"MEYCIQCeVp0XtrfrMNn8UIAnty8m+InH6QMm+v08wSFx2KWWTwIhAMNAHxZKuQO5TQoaYOzJJui9Davs3+xK8/T0nj0jDMGK","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":414740,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhJBGNCRA9TVsSAnZWagAA4poQAIVlH7iGdjTH7shjv8tH\ndlrsqcwHQ+gSJNEGNJcrag9oddMwGCU53q28BTgd0Aed2euH8+yJlGb4YvK0\niOCrVRu3s4BYfXkMvR7mua8TI67YghiUA+GPMoZfb/uvIoAFgmIkDxiStPX7\nEqPTad1fys8cTM5NsCNjNmSUjC203eAeU1QLFEXNMUUs3aHvAnkRDQZOu+je\nMrcKQaIxxpUNnR0YNY7FIJOLfYabVkpvVNa9AFEM9HVhU1taHNvOyp5cfpJ4\nJA3Wuql6nNrBFG67rqlNo4oO5+MOYA6WNMrphjAtHvigkZZFtQMqmaNl2SiU\nRazegRcuH4i59+xbLfNCvFs3sBIGaZG4Xpa3ActhVM0FUCP7BAYs8LspG/nD\nR4ZLkSXCp0MGNwJ2m47mzKC7JGXxnllMdxQjpmeGk3NzTcVWG7nVMbBlto7l\nvxQd02JMhdjBTz+NqerfIohUrtzfCW4jrVCRp9LV/dVG+7wpgYpOGTP/MK26\n/2xunUoPVDnk3LnJRSoVzGynSzQBJq2SVWRPqAIOY9rxsMs/+J37jNSvq1/d\nqpKmLe+SqD7huu4Qbujou7Z5G85XGE4j1yEglPyA+u1E5nJ2F6JzauKqPS9b\nPAPaVsisJ3ZsgzmgNQA+fu8kqIrlR2IdxSAbz2okQ2RYDoq/JS0PQKwLIW9b\nzZgT\r\n=i2BN\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.css","scripts":{},"_npmUser":{"name":"aaronhans","email":"aaronhans@gmail.com"},"_npmVersion":"7.18.1","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"14.17.0","_hasShrinkwrap":false,"devDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_1.0.2_1629753741431_0.7932039872666732","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@cagov/ds-feature-card","version":"1.0.3","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@1.0.3","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"}],"dist":{"shasum":"f7023ea2f6fdcaa26c9f9c58abf9db31f8fdcd9f","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-1.0.3.tgz","fileCount":10,"integrity":"sha512-qjAoorF1RoOlAILn3ju+n0ZrEwMkJHOYYQ17t1MpH7Z6tk9xp9SszcoR8SnnSK+yVYxTFubzmvryiOjt/wSL6g==","signatures":[{"sig":"MEQCIGa0hv24dGTmCQ35Po0swo4P36dxNDebImTA7BpeGGd+AiBkulVejMlXByMsnFWlPuXBndTAde8nNLYCa8RC4SXw0w==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":418210},"main":"index.css","scripts":{"build":"sass src/index.scss index.css"},"_npmUser":{"name":"kkoryaka","email":"konstantin.koryaka@state.ca.gov"},"_npmVersion":"7.21.0","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"14.16.1","_hasShrinkwrap":false,"devDependencies":{},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_1.0.3_1635457690637_0.8152262235865859","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@cagov/ds-feature-card","version":"1.0.4","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@1.0.4","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":"deb332fb0ea36ee097c4b9d080a94587bfed4416","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-1.0.4.tgz","fileCount":12,"integrity":"sha512-czCDZRhMSi5L9s0DvFD9+QGTT1hjoAR4p8hJBhqm++kWL1WGjxO0eHlvagV21sePnhEsu7v7K9f22xmSqwwHtw==","signatures":[{"sig":"MEYCIQDhzzpJDEizwpdR5OaM4xVeAgCB26Pn5VGoqNBUthTkhQIhAMjhEaG3OGdYorZIQ6cVz58tVyMzRiHOnNgq39PNZur6","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":419811},"main":"index.css","type":"module","readme":"# Hero component\n\nThis is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears above the text.\n\n\n\n## HTML\n\n```\n
\n
\n
\n

We’re making changes to better serve you

\n
\n

California has merged the three state cannabis authorities into a single, new Department of Cannabis Control.

\n\n
\n Learn more\n
\n
\n
\n
\"\"
\n
\n
\n```\n\n## Audits\n\nRunning the lighthouse audits against this HTML & CSS should produce no issues\n\n\n\n## Development\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### Expected variables\n\nThere are some colors that should be defined by the containing page. \n\n- The ```background-color``` of the CTA has a default value but if the css variable is defined\n\nExpected definition is:\n\n```\n:root {\n --primary-color: #33705B;\n}\n```","scripts":{"test":"web-test-runner \"test/**/*.js\" --node-resolve","build":"echo \"No build specified.\"","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":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"14.17.0","_hasShrinkwrap":false,"readmeFilename":"readme.md","devDependencies":{"@open-wc/testing":"^3.0.1","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_1.0.4_1636145166346_0.7102037669349794","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@cagov/ds-feature-card","version":"1.0.5","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@1.0.5","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":"c468f3f03ade61548445fcf6a3cc980bbc8e1f62","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-1.0.5.tgz","fileCount":12,"integrity":"sha512-RC4MnCoJXgEH/aWlMSfW0qWdF8qV4K5ZkVtrhCTBqPyHRhH7JYrOjQnB7uC3Ip/mZ2Bc97EJ9mori9b05+Hk1Q==","signatures":[{"sig":"MEUCIGNOPOCFnbYgOO/9m8DVTw+5dF/Z3uuccNe8eVNKJCgzAiEA5NlpVduDkwZsWJrPem50Nw9jp8r1QXI7yvKiHQ32KQk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":419933,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzawkCRA9TVsSAnZWagAA6agP/0ONYfesO5b1LykKtQPq\ndvv0Kw0Pda5bhHZr4BUfN4tOsag27jhhILmjpAaCz0F9QsWJ/YkrtoaiLkbw\n6hYJaJrBnOPOBmo13+YujMUHJkFbl7iwYBuqAsnvAT6EH/a6lRlaDq3YTem2\nmy1RFpPFUnCnrUoC/AkaLcnX71gRfZWtXRTLf36t+aDg4CsPJNgwEr7lFg1M\n0hAUxtseimn9CA6hUKhaNvdSEWhe0Xt6HkDSxng9VLkPWORwG5u5z2KvNJb0\n5kRN8Jh2xgEQq4HJs+jNu0ThtdGj4YJR6dgO/CtXreLDT2QF4PSdlHM/3epe\nOUFsw4tHV7bZNsIU3VVZmQJfMB88sYQpMOGux4u9Y2oE0tiPt6DWV5LZcUSu\nswwdizjwB3PWx1Oh+ZJFep3vnX2X0xSRucDC4SXuZcySvTdij6nF1ucjkLSK\ncWXFuZgGBahx2sb3ZdQkjlG5lRZOjHD8krMvL1xzaCOyf5h036tfWns2vkv6\nHaWVB5UHFQu/q/H4sIPM2NRfFWO5Yn5cGXk5w3rvbwUJ3DwEdRjaqNm+7un4\nApzNBClxEQ0l2EthpFTdZcA+2qHi4npZaV3ddjWynvnMgJXp6rYYdqGM5NrE\nnDgicbHqOKjhO/ywgJ+t+tYzdSuQdylIl+OuhfTZ++Xz3Kl2nmeJUgjRgao1\nd/ze\r\n=XitD\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.css","type":"module","gitHead":"eb43065da6c4808725fbbf45d9026d29dcb1be78","scripts":{"test":"web-test-runner \"test/**/*.js\" --node-resolve","build":"echo \"No build specified.\"","test:visual":"web-test-runner \"test/**/*.js\" --node-resolve --config test-config.js"},"_npmUser":{"name":"xjensen","email":"github@id.xjensen.com"},"repository":{"url":"git+https://github.com/cagov/design-system.git#main","type":"git"},"_npmVersion":"7.22.0","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"devDependencies":{"@open-wc/testing":"^3.0.1","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_1.0.5_1636490089612_0.8726225623233035","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@cagov/ds-feature-card","version":"1.0.6","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@1.0.6","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":"98a6fc3ce9cbb78d5bd5ab5217f4e5f2c95449f1","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-1.0.6.tgz","fileCount":12,"integrity":"sha512-4z0Ltr6/BAtLro2ILznHgPLaYRN0dqvLi1jSOF9phiVmxZn2R9M8heIRARZxp3iVMv9UBi2R42oCfYfn4jufPg==","signatures":[{"sig":"MEQCIFI4zC2rwPllPXI7xogRnS1pF4v9Ed4DLdz7JDmwKDQBAiAZR4OepvnGWar4dVT4GLrb0MZ4Erx19lea8k2IqXt6nw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":425171,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiFWNSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrV3A/+JZwTlMr3vSWGeI8u8ejGB6RT55Td5+XYBKynYXrLrLUBSrfe\r\nj1CoHxwiF+17joykBtkHFVG9nyKX7sqd9SKPz3dyJyVSmlP52px33UI5BON3\r\n/FpHku1O/tLJUOR75/SslwWidtsrGSVUzyLwyEJvCFDRviaMfML/0ibBV43d\r\nfRhlzJUcDrIarDlW4OSAU4CbNVfIKGIHD1cOGCoeNRRpr1HkwBm2k1i1z4EK\r\nL8eCKVfW1sZHDE+0PMDx8H7GWh5TgaxB8gX56OS+GTtVcXpcaYh8ndKnRK/v\r\ng9ptvx4z9TgOhOPuTmPjlm1Axp76rZh4kpsNoDix3a9LqZDwxc2KnK/EAvB5\r\nDSqU6mXKOwdwYxNeOuSqM7OalpqQaAf2DXroH9hvDkkIADkDJRkF9YiZCXpm\r\nOz4ltSBT8pGWcHA0vgfCoSnUQhoxWE6/0lhO0eocqOKGkdr0LEfHZJ2vZWAg\r\nM61Hdj1fvixenFXS6NbM9mFX83m2z844mKdl3GKd2uyQRB7vyIBG9Czm36eW\r\nnH6ox0GR0Mmqw0WxOW3eE5KB9200ZLbspDnYh9jwBx6eZ0JxB55D5X7wW4k/\r\nSixX2cmJPb8kD8vhlx2aI5vuSRpfgssBBn0rI+hHgJlhcsrTQAyaLgcIvav9\r\nC4Mw2LnOBklOnmcpDwJuCr/I72Bf7GBzvE0=\r\n=nNNh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.css","type":"module","gitHead":"c1eda8add4d1c1753167b79cce1b9a4187b8c12a","scripts":{"test":"web-test-runner \"test/**/*.js\" --node-resolve","build":"echo \"No build specified.\"","cdn:publish":"node ../../docs/src/publish/cdn-deploy.js","test:visual":"web-test-runner \"test/**/*.js\" --node-resolve --config test-config.js","html:preview":"node ../../docs/src/publish/dynamic-html.js","prepublishOnly":"npm run html:preview && npm test && npm run cdn:publish"},"_npmUser":{"name":"aaronhans","email":"aaronhans@gmail.com"},"repository":{"url":"git+https://github.com/cagov/design-system.git#main","type":"git"},"_npmVersion":"8.1.2","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"16.13.1","_hasShrinkwrap":false,"devDependencies":{"@open-wc/testing":"^3.0.1","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_1.0.6_1645568850218_0.7707855615689572","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@cagov/ds-feature-card","version":"1.0.7","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@1.0.7","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":"ba171782fe18c5480b7872e2862b7dd0170770b8","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-1.0.7.tgz","fileCount":11,"integrity":"sha512-mDOn786l1E3ECGZ+ijrbYRT4eu7fZS9nsovUF7euit7Cfc3XxlGk+VYut57YR0H+0QAQK37mSftrminPzHSlKQ==","signatures":[{"sig":"MEUCIDhSZIJfm8HExJIPERCRQSer1vsIC8ahbz5ZlyEIjUyvAiEAyUyeZN80yLLjHWf6ntBuxB+s1RlNWFb0L/c3KCSlG3o=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":425617,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidY61ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpFcg/8CfrtiGBCJWOYxu9fFPbDmRkRyqZ/mvR7YFsMMmHbMkupFb2R\r\nHnNdVwOWZs5prrQEy72onca6jrLaOGfLGHv8IIkhdxg09NTCNCushkF7q7KP\r\neNH1i566lANTngcacJ4fTbyZvcEfMMt66/sriNSwkzhusbgOh9Y7NxOZoKs6\r\nR375DhLHzJERsdYg/b9MM1xj8F4ZRDo7dw606UEVma3w9MJ1QHSOvSNWZhfU\r\n3GOVc69lE9Tm99oYBpiOiZAiIroPkjUt/nBrmTm0qnSLjP6hUPHgaMUJdORL\r\n/mC+RpiVvWxZGpiJPDtCdy3ZyoBXsuljciww18IW5UO8vk9t0h/GSrLmaCPf\r\noVht8rU0I0Lou4rJNfIw7txUPwrowxhUzgxumyHi2MWSpmplKHt2lSG3eSve\r\nnC8xa7yp39RnfofFOtfs9zdHzL4mcauzO0cEBuZ2whgXcUQJby7a7KIN8a7Y\r\nlLbmwTURfgnR+sltmPu42KMSAG3X0+HSzKgCaGZWlwita6AtAv56Gu62ojyR\r\nou/ps5mRodGcfa82kzLBzqejcpK22lRTeid7VKgtQLnKoSXwHOoSXhnaVxj6\r\nxObbQIvn2NYUp6EYddJt1Qf7MxVYIm35mkdbOHgtLQV3dsO34Ynt2YSOaMlS\r\nLPEhaQHlkUqQr++HWVfXs4gtqrJN3vMBi4I=\r\n=0V2b\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.css","type":"module","gitHead":"752dd8ff70eafb2f15ff41d565859d5e1969ca6e","scripts":{"test":"web-test-runner \"test/**/*.js\" --node-resolve","build":"sass src/index.scss index.css","cdn:publish":"node ../../docs/src/publish/cdn-deploy.js","html:preview":"node ../../docs/src/publish/dynamic-html.js","prepublishOnly":"npm run html:preview && npm test && npm run cdn:publish"},"_npmUser":{"name":"xjensen","email":"github@id.xjensen.com"},"repository":{"url":"git+https://github.com/cagov/design-system.git#main","type":"git"},"_npmVersion":"7.22.0","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"devDependencies":{"@open-wc/testing":"^3.0.1","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_1.0.7_1651871413397_0.5966881813560112","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@cagov/ds-feature-card","version":"2.0.0","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@2.0.0","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":"df2ef2ff1d49e845a94630f92a1b3777961c5721","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-2.0.0.tgz","fileCount":11,"integrity":"sha512-H64qgUalI4iSjDRNtq2+7JPch61NWpq1Vn26HXInP52HS+lyro/j/iTVAESvG6wkoM8ORi9hnHBKjwjBDosu4g==","signatures":[{"sig":"MEUCIQDq5Raaxp/l2OGwbzhFPS4CwI2wloe/I6yzNzzHFeLy8gIgP6uTNgdT2c+rpVkU3B2CzdciUKS9c7ex9E6S+kKEysI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":426006,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi8VrpACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpMnQ//deM6CqR0ndwV45G5MLHXXy59/vGd8F+TmfnVGD8BtABQU/xA\r\ntqJVK/ZRRPo/SSakqKOArx7NGpKyjsako/OYDPzHEiGaJ1u3qLtuEZo9wGzc\r\nktxOBt2mA60hU2FmtmK90uwIoAPlNPaWy/JwQFntPQdiKMVcaprnKnzoUSs6\r\nFr32fc+X2SkQSWE4Hhx1xrfY8KPLrEIS75vrm2gP+QN+DBnCVS8C15uvMLp0\r\nVu1u+54fTY735vETYdn026jJqnkSzZsRGsLbO+7IC/9XnNqaHcWpjOYdwdcB\r\nmK12cm0Lf2CsyPksx28/8w/CW7TU4bkSYW7WtBQW2SW7ZmV8J29mYmtgkf5j\r\nCu0u/lJ0//PB55HWYui+P9Yg7NWeWuK3Qzmq2o7yXSw9gTXPtNjjGY3KhuIW\r\nHl0FIKjRoWHm8FO1LUg5nDdtD7k7bNkv305lSG0y5TN2R1Nf/1n0+C0bQ2J+\r\nUzlDHEVvumQPzp1Q4aQia9WQG/gKsSHfjtM5GApUrM03m6X3rlfby2juZZVI\r\nm+zGL2KbpxXvh0h1GQir/d/UuVn5tCvWEDNTX1/FcVJ6FoieDq6jxarMkgM2\r\nD/TZ4szeS6X+A908TkVN/zir/lpTWp0yoSFo5Nf/VPDMxGoJnDoP9oiJCggK\r\nWx1JvF39z+q2+L2ou7IBqdN6Cy5pWkKL50o=\r\n=KG8t\r\n-----END PGP SIGNATURE-----\r\n"},"main":"dist/index.css","type":"module","gitHead":"b320f54017ebc331c69128312c6c8cb3a4ad7a51","scripts":{"test":"web-test-runner \"test/**/*.js\" --node-resolve","build":"sass src/index.scss dist/index.css","cdn:publish":"node ../../docs/src/publish/cdn-deploy.js","html:preview":"node ../../docs/src/publish/dynamic-html.js","prepublishOnly":"npm run html:preview && npm test && npm run cdn:publish"},"_npmUser":{"name":"xjensen","email":"github@id.xjensen.com"},"repository":{"url":"git+https://github.com/cagov/design-system.git#main","type":"git"},"_npmVersion":"8.11.0","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"16.16.0","_hasShrinkwrap":false,"devDependencies":{"@open-wc/testing":"^3.0.1","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_2.0.0_1659984617003_0.45249565730492214","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"@cagov/ds-feature-card","version":"2.0.1","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-feature-card@2.0.1","maintainers":[{"name":"jbum","email":"jbum@jbum.com"},{"name":"zakiyak","email":"zakiya@innovation.ca.gov"},{"name":"timothyshambra","email":"timothy.shambra@gmail.com"},{"name":"xjensen","email":"github@id.xjensen.com"},{"name":"aaronhans","email":"aaronhans@gmail.com"},{"name":"chacha-california","email":"chach.sikes@innovation.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":"1b2f688dd07f77a7a12a9857d9ea0bbd142f8fee","tarball":"https://registry.npmjs.org/@cagov/ds-feature-card/-/ds-feature-card-2.0.1.tgz","fileCount":11,"integrity":"sha512-QiUI6xh3auuTtTcoNJ65aUtO0WSKK0iGteC/09YtbhhiWndQHrO/y3M4K0tdj3oL475MbUjWtCtzBK/Q4ZLjKA==","signatures":[{"sig":"MEUCIHc/X4XTLd6a4p0o55+ZlSlsM3lBEoWomj8QN4OoceQwAiEArcEIAHdxxLU7Tp+CwgCOHeQoKvAvz/VOxwz+f/AlVgA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":426016},"main":"dist/index.css","type":"module","gitHead":"479f1353fed9d262e3d33cd8fbaad72a8c7f3da3","scripts":{"test":"web-test-runner \"test/**/*.js\" --node-resolve","build":"sass src/index.scss dist/index.css","cdn:publish":"node ../../docs/src/publish/cdn-deploy.js","html:preview":"node ../../docs/src/publish/dynamic-html.js","prepublishOnly":"npm run html:preview && npm test && npm run cdn:publish"},"_npmUser":{"name":"xjensen","email":"github@id.xjensen.com"},"repository":{"url":"git+https://github.com/cagov/design-system.git#main","type":"git"},"_npmVersion":"10.2.4","description":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","directories":{},"_nodeVersion":"21.6.2","_hasShrinkwrap":false,"devDependencies":{"@open-wc/testing":"^3.0.1","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-feature-card_2.0.1_1709242268660_0.805143950556259","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-07-29T00:19:01.622Z","modified":"2026-04-01T19:49:56.353Z","1.0.0":"2021-07-29T00:19:01.920Z","1.0.1":"2021-07-29T16:08:43.921Z","1.0.2":"2021-08-23T21:22:21.750Z","1.0.3":"2021-10-28T21:48:10.813Z","1.0.4":"2021-11-05T20:46:06.595Z","1.0.5":"2021-11-09T20:34:49.800Z","1.0.6":"2022-02-22T22:27:30.450Z","1.0.7":"2022-05-06T21:10:13.663Z","2.0.0":"2022-08-08T18:50:17.235Z","2.0.1":"2024-02-29T21:31:08.938Z"},"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":"This is a design for featuring important content at the top of a page. The layout uses a sidebar pattern with the text elements: header, description and call to action button on the left and an image on the right. On smaller screens the image appears abov","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":"# Feature card\n\nThe feature card highlights an action you want people to take or important information on the homepage. It is the first thing a visitor sees. It always includes:\n\n- Title\n- Brief description\n- Image\n- An optional image caption\n- Button\n\nThe feature card spans the full width of the screen on desktop and mobile. On mobile, the feature card will stack in this order:\n\n- Image\n- Image caption\n- Title\n- Description\n- Button\n\n## When and how to use it\n\nUse the feature card to catch visitors' attention and highlight the top task or need.\n\nWe recommend always using a feature card on your homepage. Place it at the top of the homepage so it appears below the statewide header, site header, and site navigation. The only other thing that may appear above the feature card is a page alert.\n\nInclude a concise title, description, image, and one button. Choose an image that’s in harmony with your brand identity, mission, and tone. The minimum image size is 776 x 517 pixels. For best results, use images with this aspect ratio.\n\n### How not to use it\n\nDo not use more than one feature card on your homepage.\n\nDo not use the feature card to make an image carousel. Carousels frustrate people more than they help them and do not meet accessibility standards.\n\nDo not put a lot of content in your feature card. Too much content is hard to read. It will also lengthen the feature card and cause awkward whitespace.\n\n## Demo and sample markup\n\n\n\n```html preview\n\n
\n
\n

We’re making changes to better serve you

\n
\n

\n California has merged the three state cannabis authorities into\n a single, new Department of Cannabis Control.\n

\n\n
\n Learn more\n
\n
\n
\n
\n \"\"\n\n
\n
\n\n```\n\n\n\n## Specs\n\n| Property | Value |\n| ------------ | ---------------- |\n| Machine name | ds-feature-card |\n| JavaScript | no |\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.\n3. Modify with your own text, alt text, and image.\n\n### CDN installation\n\nWe recommend using a build system and bundling your CSS for faster performance. If you do not use a build system, you can include the code from our CDN with a link tag.\n\n```html\n\n```\n\n## CSS variables\n\nThe following [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) are used in this component:\n\n- `--s-1`\n- `--s-2`\n- `--s-2`\n- `--s-5`\n- `--white`\n- `--gray-100`\n- `--primary-700`\n- `--accent2-500`\n- `--font-size-2`\n- `--font-weight-6`\n- `--font-lineheight-3`\n- `--radius-2`\n- `--border-1`\n- `--border-2`\n\nAll CSS variables define their own fallback value so you do not have to use additional CSS unless you want to change them. You may define your own value for the variable by adding your own style rules. Here is an example defining the global hex value for a CSS variable named “--primary-700”:\n\n```css\n:root {\n --primary-700: #165ac2;\n}\n```\n\n## Accessibility\n\n### Component-specific accessibility review\n\n- Make sure that feature card image has `alt` attribute with text describing the image.\n- Make sure that feature card CTA link button has solid, 2px outline that uses `--accent2-500` variable on focused state.\n\n### Standard accessibility review\n\nAs a component in Alpha status, this component must pass the following accessibility reviews every time a new version is published:\n\n- Tested with the [axe](https://www.deque.com/axe/) accessibility tool and passes all automated [WCAG](https://www.w3.org/TR/WCAG21/) Level AA checks\n- Reviewed with the [VoiceOver](https://www.apple.com/voiceover/info/guide/_1121.html) screen reader on desktop\n- Verified keyboard navigation and that all actionable elements of the component are reachable via keyboard commands only\n- Reviewed component layout on a variety of screen sizes\n\n## Progressive enhancement\n\nThis is an HTML- and CSS-only component. JavaScript is not required. It uses [CSS variables]() to inherit design token values. Token definitions are not required because these style rules provide fallback values.\n\n## Content model\n\nThis component uses the following data attributes. We provide this information to help with integrating the component into backend publishing systems or identifying content that may require translation.\n\n| Name | Attribute name | Data type | Field type | Selector | Additional info |\n| ------------- | -------------- | --------- | ---------- | ----------------------------- | ----------------------------------------------------- |\n| Title | title | string | Plain text | h2 | |\n| Description | body | string | Plain text | p | |\n| Image | mediaURL | string | Plain text | img.cagov-featured-image[src] | 750x500 pixel maximum width and height are supported. |\n| Image caption | mediaAlt | string | Plain text | img.cagov-featured-image[alt] | |\n| Button label | buttontext | string | Plain text | a | |\n| Button url | buttonurl | string | Plain text | .wp-block-button a[href] | |\n\n## Contributor/developer documentation\n\n- [Component information](https://github.com/cagov/design-system/blob/main/components/README.md)\n\n- [Unit tests](https://github.com/cagov/design-system/blob/main/components/UNIT-TESTS.md)\n","readmeFilename":"README.md"}