{"_id":"@cagov/ds-regulatory-outline","_rev":"12-f86dd57421ae84bfa7c84c9b6ef0e062","name":"@cagov/ds-regulatory-outline","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@cagov/ds-regulatory-outline","version":"1.0.0","_id":"@cagov/ds-regulatory-outline@1.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"}],"dist":{"shasum":"1336cb3fddc95aa9eba1de6c3934fb3d127c700f","tarball":"https://registry.npmjs.org/@cagov/ds-regulatory-outline/-/ds-regulatory-outline-1.0.0.tgz","fileCount":9,"integrity":"sha512-FAsfbNsvoiPGzLNcE/hzfQ0AgEpDanNf1axIGCJ70vthGT0FURap0zr0J2Jbn/wQhKq7j/+g27ISBYpsXAbo0Q==","signatures":[{"sig":"MEUCIFU4BPvhY4hk85pjRbCyZ1iCoFhN8dJhXiNlaIiyITR0AiEA9g9GeTvjEK5JATRbrUWOw8Emfy4wHbJE8wvjdoqCFR0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":382135},"main":"src/index.html","type":"module","scripts":{"test":"web-test-runner test/test.index.js --node-resolve","build":"sass src/index.scss dist/index.css","test:visual":"web-test-runner test/test.index.js --node-resolve --config test/test.config.js"},"_npmUser":{"name":"zakiyak","email":"zakiya.khabir@digital.ca.gov"},"_npmVersion":"6.14.15","description":"Nested, ordered list with the following pattern: (a)(b)(c), (1)(2)(3), (A)(B)(C), (i)(ii)(iii)","directories":{},"_nodeVersion":"14.17.6","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.41.1","@open-wc/testing":"^2.5.33","@web/test-runner":"^0.13.17","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-regulatory-outline_1.0.0_1632952944295_0.08092811478379036","host":"s3://npm-registry-packages"}},"0.0.2":{"name":"@cagov/ds-regulatory-outline","version":"0.0.2","_id":"@cagov/ds-regulatory-outline@0.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"}],"dist":{"shasum":"07060f6d2ff5600e266f19f4e664073aeff912a4","tarball":"https://registry.npmjs.org/@cagov/ds-regulatory-outline/-/ds-regulatory-outline-0.0.2.tgz","fileCount":9,"integrity":"sha512-PgiSikSctiNO9QTQelQhPivir5xh6BSFs9clmLstjZbL2FkDYAyrl78rLanzs9t9Z1MjXdNYn/Ys5D3t+tRyQg==","signatures":[{"sig":"MEUCIGvBvM/+znjZ9U/Og25drVCYNNIBVuQOEJDoGeFO55HLAiEA/+AbQFpxoLVRVjyibwRKB966AW2WG8iFtoZ4CpIVywA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":382172},"main":"src/index.html","type":"module","readme":"# Regulatory Outline\n\nThis CSS-only module contains the styles required to create the list of steps in the following graphic:\n\n<img src=\"https://raw.githubusercontent.com/cagov/design-system/main/components/regulatory-outline/img/regulatory-outline-screenshot.png\" />\n\n## Sample HTML\n\nsee regulatory-outline/src/template.html\n\n### Expected variables\n\nnone.\n\n### Available commands for developers.\n\n`npm run build` - Generate css from scss files.\n\n`npm run test` - Run headless tests with [Open Web Componenents](https://open-wc.org/).\n\n`npm run test:visual` Run headed tests with [Open Web Componenents](https://open-wc.org/).\n","scripts":{"test":"web-test-runner test/test.index.js --node-resolve","build":"sass src/index.scss dist/index.css","test:visual":"web-test-runner test/test.index.js --node-resolve --config test/test.config.js"},"_npmUser":{"name":"aaronhans","email":"aaronhans@gmail.com"},"_npmVersion":"7.18.1","description":"Nested, ordered list with the following pattern: (a)(b)(c), (1)(2)(3), (A)(B)(C), (i)(ii)(iii)","directories":{},"_nodeVersion":"14.17.0","dependencies":{},"_hasShrinkwrap":false,"readmeFilename":"readme.md","devDependencies":{"sass":"^1.41.1","@open-wc/testing":"^2.5.33","@web/test-runner":"^0.13.17","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-regulatory-outline_0.0.2_1636145036185_0.7364058874033845","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@cagov/ds-regulatory-outline","version":"1.0.1","_id":"@cagov/ds-regulatory-outline@1.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"}],"dist":{"shasum":"38df824f996dafa40edb53a8c48de855941f6f7d","tarball":"https://registry.npmjs.org/@cagov/ds-regulatory-outline/-/ds-regulatory-outline-1.0.1.tgz","fileCount":9,"integrity":"sha512-B4KnM0jEDWDDBLLNGejQy39euASufYIagWPybdAeLvMn/WOXXBzWir+oPFbIDdIW3kbOIWAmnzE1KsyC3NWiuA==","signatures":[{"sig":"MEUCIF6wfTgiNqzXcwT83/NpaWfoMO5vAYsFhFZSORHH81VrAiEAvmvU1LOXZsTtMJ7/YbAMpr3MtOk24b2pT9NUd5NlB+8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":382172,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzawaCRA9TVsSAnZWagAA984QAI1lHqiCvixPY/WKsrBp\nJ7FRajH1MqdSpJi2PMPsQmI6PK4LKkhReDO17krTGJ27ZCJVWY4Th0TqTHSf\nOcwRD8eoXKXSwo+5QiMhUnRHBnd2KZqzbBfWodgODvipx1j7s7fKjZl7zk55\nEun3aXMXWVxRAuJFMs8jGveIIK/xcy5CPiiFVMfbaD54fO1CvEQtbAXuUnA4\n9cOp0FaG1oVLODK9CXNYgFkiOqfru1kTZ5TmOjFZVnVSN0uRfpX+xxWI8cZz\nbJfC1/12BWEyUfU40dmbCi5axwWMmOTnqWnhOcMFPowl45HM92hqUYHtXTUn\nEh9PZf+Kh+1V/S7OSSCBrvjgg4wyM2/Qq2ay9eT7tbEvhbsRo3Z4zAqsacvC\nLNSrY0O2sExVKjWImeJacTvB3YgWNOZdEYjGQbJPkmh35DuX5lXvXLKSJae6\nsAhQn9edIyF9tLnaNNMUiipC5kvRp3plLlrvnD8g+bbuZnTlBdz4RapgUSM2\nDsaE6wrL4jMsz6bgegqjt34LfWgsIdF66ZnFFcsHeYrFNuREYgLlQZf2cdBT\n5il5dWrzMTprVxQRu+J7YBfjsiPQ/g8CN7gDJgL+zsg1PRm+h+esYcHUn0w0\nG1C5K7kam05QJM34F9uMt/Io7Dp6PmhNngjsSiv1ur8P0H2ZsoiDWzF1lS+n\nex0q\r\n=3gCh\r\n-----END PGP SIGNATURE-----\r\n"},"main":"src/index.html","type":"module","gitHead":"e881a22fe5ec970db4b9d8bddf3c3876de4d7bd5","scripts":{"test":"web-test-runner test/test.index.js --node-resolve","build":"sass src/index.scss dist/index.css","test:visual":"web-test-runner test/test.index.js --node-resolve --config test/test.config.js"},"_npmUser":{"name":"xjensen","email":"github@id.xjensen.com"},"_npmVersion":"7.22.0","description":"Nested, ordered list with the following pattern: (a)(b)(c), (1)(2)(3), (A)(B)(C), (i)(ii)(iii)","directories":{},"_nodeVersion":"14.17.6","dependencies":{},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.41.1","@open-wc/testing":"^2.5.33","@web/test-runner":"^0.13.17","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-regulatory-outline_1.0.1_1636419813689_0.324450298525073","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@cagov/ds-regulatory-outline","version":"1.0.5","_id":"@cagov/ds-regulatory-outline@1.0.5","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"}],"dist":{"shasum":"79d849100c6422788e4d1c5615ee404d91ad6db5","tarball":"https://registry.npmjs.org/@cagov/ds-regulatory-outline/-/ds-regulatory-outline-1.0.5.tgz","fileCount":10,"integrity":"sha512-Wja+pfdbuexgM5POn1bdHpKltHJBhnAntddNXtmyUq6mlLJHU9ClAEWOLavW6/EG4s98HWEiXuOSFgdzzf5ySw==","signatures":[{"sig":"MEYCIQCXZ5PKIFDQBOcxrsuqyHudOc2iI6SFExrBDxHUHik3lAIhAIDzrdTIXmRPIQxC/LuPIGav0Z20lnIxPy97kSBwSTpT","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":384305},"main":"dist/index.html","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 run build && npm test && npm run cdn:publish"},"_npmUser":{"name":"xjensen","email":"github@id.xjensen.com"},"_npmVersion":"10.2.4","description":"Nested, ordered list with the following pattern: (a)(b)(c), (1)(2)(3), (A)(B)(C), (i)(ii)(iii)","directories":{},"_nodeVersion":"21.6.2","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.41.1","@open-wc/testing":"^3.0.3","@web/test-runner":"^0.13.17","@web/test-runner-puppeteer":"^0.10.2"},"_npmOperationalInternal":{"tmp":"tmp/ds-regulatory-outline_1.0.5_1709242410159_0.5622384779230838","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-09-29T22:02:24.252Z","modified":"2026-04-01T19:50:01.112Z","1.0.0":"2021-09-29T22:02:24.490Z","0.0.2":"2021-11-05T20:43:56.456Z","1.0.1":"2021-11-09T01:03:33.857Z","1.0.5":"2024-02-29T21:33:30.502Z"},"description":"Nested, ordered list with the following pattern: (a)(b)(c), (1)(2)(3), (A)(B)(C), (i)(ii)(iii)","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":"# Regulatory outline\n\nThe regulatory outline replicates the ordering of California government code. It is a list that automatically uses the following pattern:\n\n(a)(b)(c)\n\n&nbsp;&nbsp; (1)(2)(3)\n\n&nbsp;&nbsp;&nbsp;&nbsp; (A)(B)(C)\n\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (i)(ii)(iii)\n\n## When and how to use it\n\nIf possible, rewrite information from regulations or government code using plain language.\n\nIf you must put regulations or government code on your webpage, use the regulatory outline. It allows you to publish properly formatted regulations without using PDFs, which may not meet accessibility standards.\n\nTo use the regulatory outline, apply the `cagov-regulatory-outline` class to the `<ol>` tag. All child `<li>` and `<ol>` tags will inherit the appropriate list styles up to 4 levels deep.\n\n### How not to use it\n\nDo not use the regulatory outline for content that is not regulations or government code. Use bullet points or numbered lists for that. This allows people to more easily recognize when they’re not looking at government code.\n\n## Demo and sample markup\n\n<html-preview>\n\n```html preview\n<ol class=\"cagov-regulatory-outline\">\n  <li>\n    A law enforcement agency may only use a person under 21 years of\n    age to attempt to purchase alcoholic beverages for delivery to apprehend\n    licensees, ...\n  </li>\n  <li>\n    For purposes of this section, “delivery” shall mean any transfer of\n    alcoholic beverages by a licensee, or an employee or agent of a licensee, to\n    a person under 21 years of age, ...\n  </li>\n  \n  <li>\n    The following minimum standards shall apply to actions filed pursuant to\n    Business and Professions Code Section 25658 in which it is alleged a minor\n    decoy has been furnished an alcoholic beverage by delivery:\n\n    <ol>\n      <li>\n        A law enforcement agency may only use a person under 21 years\n        of age to attempt to purchase alcoholic beverages for delivery to\n        apprehend licensees...\n      </li>\n      <li>\n        The following minimum standards shall apply to actions filed pursuant to\n        Business and Professions Code Section 25658 in which it is alleged a\n        minor decoy has been furnished an alcoholic beverage by delivery:\n\n        <ol>\n          <li>\n            LEVEL THREE A law enforcement agency may only use a person under 21\n            years of age to attempt to purchase alcoholic beverages for delivery\n            to apprehend licensees, or employees or agents of licensees, who\n            deliver alcoholic beverages to minors (persons under 21 years of\n            age), and to reduce deliveries of alcoholic beverages to minors, in\n            a fashion that promotes fairness. For purposes of this section,\n            fairness is defined as compliance with all the conditions set forth\n            in subdivision (e).\n          </li>\n          <li>\n            The following minimum standards shall apply to actions filed\n            pursuant to Business and Professions Code Section 25658 in which it\n            is alleged a minor decoy has been furnished an alcoholic beverage by\n            delivery:\n            <ol>\n              <li>\n                A law enforcement agency may only use a person under\n                21 years of age to attempt ...\n              </li>\n              <li>\n                For purposes of this section, ...\n              </li>\n              <li>\n                For purposes of this section, “agent” ...\n              </li>\n              <li>\n                For purposes of this section, “minor decoy” shall mean a person\n                used by law enforcement pursuant to Business and Professions\n                Code section 25658(f).\n              </li>\n\n              <li>\n                A law enforcement agency may only ...\n              </li>\n              <li>\n                For purposes of this section, “delivery” shall mean any transfer\n                of alcoholic beverages by a licensee, or an employee or agent of\n                a licensee, to a person under 21 years of age, pursuant to an\n                order made by internet, telephone, other electronic means, or\n                any method of ordering other than in person at the licensed\n                premises.\n              </li>\n              <li>\n                For purposes of this section, “agent” shall mean any entity or\n                person the licensee uses to deliver alcoholic beverages to\n                persons who place orders by internet ...\n              </li>\n              <li>\n                For purposes of this section, “minor decoy” shall mean a person\n                used by law enforcement pursuant to Business and Professions\n                Code section 25658(f).\n              </li>\n              <li>\n                The following minimum standards shall apply to actions filed\n                pursuant to Business and Professions Code Section 25658 in which\n                it is alleged a minor decoy has been furnished an alcoholic\n                beverage by delivery.\n              </li>\n            </ol>\n          </li>\n        </ol>\n      </li>\n    </ol>\n  </li>\n</ol>\n```\n\n</html-preview>\n\n## Specs\n\n| Property     | Value                 |\n| ------------ | --------------------- |\n| Machine name | ds-regulatory-outline |\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. You may need to adjust `$cagov-regulatory-outline-margin` depending on your default font size.\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<link rel=\"stylesheet\" href=\"https://cdn.designsystem.webstandards.ca.gov/components/ds-regulatory-outline/v1.0.5/dist/index.css\">\n```\n\n## Progressive enhancement\n\nThis is an HTML- and CSS-only component. JavaScript is not required. It uses [CSS variables](<https://developer.mozilla.org/en-US/docs/Web/CSS/var()#syntax>) to inherit design token values. Token definitions are not required because these style rules provide fallback values.\n\n## Content model\n\nThis component requires `ol.cagov-regulatory-outline`. It will not work with `ul`.\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"}