{"_id":"@cagov/ds-external-link-icon","_rev":"15-6c7b4d275ecaf286e418a6252d96c5ea","name":"@cagov/ds-external-link-icon","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@cagov/ds-external-link-icon","version":"1.0.0","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-external-link-icon@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":"bbaa6a5c2fec0c06b8c577685943a85cfc53cf8f","tarball":"https://registry.npmjs.org/@cagov/ds-external-link-icon/-/ds-external-link-icon-1.0.0.tgz","fileCount":9,"integrity":"sha512-JnJote94L/NqAhRcDqJDMGjSJ4RlPVQOuqmw4Hcb/mqh0jEY/r2BFz23cFudGKWHIKCQx7izBMWlwE0XT9B0rQ==","signatures":[{"sig":"MEUCIQDr1+q1nsNQmGaxL33z5DEu+pGysW3JxMmFhbrUCK+25AIgV9K09e+OAFnuN9GNt8wo8ed2qtfy86Auh61cLnpwgwk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":63557},"main":"index.css","scripts":{"build":"sass src/index.scss index.css"},"_npmUser":{"name":"kkoryaka","email":"konstantin.koryaka@state.ca.gov"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"https://github.com/cagov/design-system/components/external-link-icon/","type":"git"},"_npmVersion":"7.21.0","description":"External link Icon will give user an identifiable icon to know there is an external link. JavaScript of this component will loop through all links that go outside of current domain. Then it will append external link svg icon to the right side of the link.","directories":{},"_nodeVersion":"14.16.1","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.38.0"},"_npmOperationalInternal":{"tmp":"tmp/ds-external-link-icon_1.0.0_1635182042367_0.18276162427747789","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@cagov/ds-external-link-icon","version":"1.0.1","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-external-link-icon@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":"99ad964ac4261bdeb45d5df4ff4c0b9309cea00c","tarball":"https://registry.npmjs.org/@cagov/ds-external-link-icon/-/ds-external-link-icon-1.0.1.tgz","fileCount":10,"integrity":"sha512-zhAupjKew0994edCfH1qgb7eQMwpYTsvaKqlmh+b2RuZXmzfnmywfTyhceGJ/NNjLPMef1Zdo9kOOWRu1FsQLg==","signatures":[{"sig":"MEUCIQD78q2+UJQ3VjMh2n0ROmbKLrqxE84YsaC0opemO+9SKgIgYBIauKw9crblmhnSXuh1ec1lKwCMOt6wKCH1YNMrWY4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65358},"main":"index.css","scripts":{"lint":"npm run lint:eslint && npm run lint:prettier","build":"sass src/index.scss index.css","format":"npm run format:eslint && npm run format:prettier","lint:eslint":"eslint --ext .js,.html . --ignore-path .gitignore","format:eslint":"eslint --ext .js,.html . --fix --ignore-path .gitignore","lint:prettier":"prettier \"**/*.js\" --check --ignore-path .gitignore","format:prettier":"prettier \"**/*.js\" --write --ignore-path .gitignore","lint:eslint:fix":"eslint --ext .js,.html . --ignore-path .gitignore --fix"},"_npmUser":{"name":"kkoryaka","email":"konstantin.koryaka@state.ca.gov"},"prettier":{"singleQuote":true,"trailingComma":"all"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"https://github.com/cagov/design-system/components/external-link-icon/","type":"git"},"_npmVersion":"7.21.0","description":"External link Icon will give user an identifiable icon to know there is an external link. JavaScript of this component will loop through all links that go outside of current domain. Then it will append external link svg icon to the right side of the link.","directories":{},"_nodeVersion":"14.16.1","eslintConfig":{"extends":["@open-wc/eslint-config"]},"_hasShrinkwrap":false,"devDependencies":{"sass":"^1.38.1","husky":"^7.0.2","eslint":"^7.32.0","prettier":"^2.3.2","@open-wc/testing":"^3.0.0-next.2","@web/test-runner":"^0.13.16","eslint-plugin-lit":"^1.5.1","eslint-plugin-html":"^6.2.0","@open-wc/eslint-config":"^4.3.0","eslint-config-prettier":"^8.3.0","@web/test-runner-puppeteer":"^0.10.1"},"_npmOperationalInternal":{"tmp":"tmp/ds-external-link-icon_1.0.1_1635283656586_0.5734750086460132","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@cagov/ds-external-link-icon","version":"1.0.2","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-external-link-icon@1.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":"246260983b008be5460145e2c912de7d700d03da","tarball":"https://registry.npmjs.org/@cagov/ds-external-link-icon/-/ds-external-link-icon-1.0.2.tgz","fileCount":10,"integrity":"sha512-9MzB3b/VQUQwGlV5nFRgm9x1TSTXBTZeQfO5gqgx7BQ5wwn7iS1vuzHadz9efwupWR/3HWEJgZbdshKqFSoGGg==","signatures":[{"sig":"MEUCIDjSLHXT82Y5ez25y1VdIQUWcKh4bOX+ej8z4WOgYIglAiEA+eHws51+GgeDaB6+bbeY2rQJtruHKIRnMpcT8UjEYKU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65248},"main":"index.css","readme":"# External link icon\n\nExternal link Icon will give user an identifiable icon to know there is an external link. JavaScript of this component will loop through all links that go outside of current domain. Then it will append external link svg icon to the right side of the link.\n\n<img src=\"https://github.com/cagov/design-system/blob/external-link/components/external-link-icon/img/external-link-icon.jpg?raw=true\" alt=\"External link sample\">\n\n## HTML\n\n```\n<a href=\"google.html\">External link</a>\n\n```\n\n### Expected variables\n\nThere are some colors that should be defined by the containing page. Here are the CSS variable names and their fallback values used when not defined:\n\n\n- var(--primary-color, #e1e0e3)\n- var(--primary-dark-color, #003484)\n\n### Exceptions\n\nThere are cases when external link icon is not needed or messing the existing design. Here are the cases when external link icon is disabled:\n\n```\n.cagov-card, // card-grid component links\n.wp-block-button__link, // buttons inside of design system hero banner\n.footer-social-links a, // social icons links\nimg ~, // links that are using images\nsvg ~, // links that are using SVG icons\n.pdf-link-icon ~ // links to PDF files\n\n```","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"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"https://github.com/cagov/design-system/components/external-link-icon/","type":"git"},"_npmVersion":"7.18.1","description":"External link Icon will give user an identifiable icon to know there is an external link. JavaScript of this component will loop through all links that go outside of current domain. Then it will append external link svg icon to the right side of the link.","directories":{},"_nodeVersion":"14.17.0","_hasShrinkwrap":false,"readmeFilename":"readme.md","devDependencies":{"sass":"^1.38.1","@open-wc/testing":"^3.0.0-next.2","@web/test-runner-puppeteer":"^0.10.1"},"_npmOperationalInternal":{"tmp":"tmp/ds-external-link-icon_1.0.2_1636145507741_0.8915401568015102","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@cagov/ds-external-link-icon","version":"1.0.3","keywords":[],"author":"","license":"ISC","_id":"@cagov/ds-external-link-icon@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":"ef98c14a1919399f32342382f7ce6800d21163fe","tarball":"https://registry.npmjs.org/@cagov/ds-external-link-icon/-/ds-external-link-icon-1.0.3.tgz","fileCount":10,"integrity":"sha512-bSYSXAZaZX6+p8ju/34WLeisL4FE1Dj6AUzRP0qtptLtQiOne39FUfc2Gwf0cvS5yluC3aW57H547WucqZ+/Ng==","signatures":[{"sig":"MEUCIQCmCLY1RMGMWgeecZj3EDvwJi1uJ/Bfg69udhykmXbjmgIgYy1loEhk78lBuFsEJt4KPjtmm4NUjAfaN5cVFlS1dgQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":65373,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhzawZCRA9TVsSAnZWagAApk0P/2WaABWmxXHTYZAgsHex\ntTAFX+iB95bb3//NzTOSXTtOc1QxkolLqOIYR+FPyG8VB68KP9n03eG7lEZp\n7+L7pLctu02A7Ol+EmISxBoTyMLXF0xIy030Pv62z4N/mziKF6vE7fztGb5X\nabrpz4U1eXVmYw/aAN50WdzSYv9wWPjRVQfjHqXhaCKlfFFYzUdn+ZdsynKd\n/cR0Rmg+Gz9+2ANjDrSs8qtV718m8g6Df1WqmxqrjQ8EQtiPmT50uKcg1aYb\nqSf+HXNrkOPHgpGPfCRGB/yl1kyTio2Eu1ZfEFYLxkKKiTG+BjzpdE9jns8a\ndgjUxbUaZ4m8lyGvPn35iMyyczrxWBH4zTPIs3EbEchyystAakmutjKW2OHb\nfoPimB35IE8/oodUFh9INzDsn9njb3Iu0PlLNaavspqIk7DOEIqg4ajlpB1A\njxy3Z4Adosk3olUxGVJFD8KxCyah04ogruPcZlc8r7iLQ+2enZgnsd3tWx/F\nh6SsOumdUvVhDJKWyWAF2QUbyGIUGbP6A+bgMIlTLk4s+LZEHyrwAbCZk6gX\nc4n66IQFK+QIh9LoR++X3wFJDWRbg7CiWeOnLDpYRJAYnv+khMy2m+O8iTUO\nmBCxTgdYwmvdCc1tqFh5nW3e4WUY/WuCyb+VitQgiGlVyjIyVqK4CXe7sbAB\nGvsL\r\n=Bvs7\r\n-----END PGP SIGNATURE-----\r\n"},"main":"index.css","gitHead":"1a0cdbe859e8fd7b58f91e644979fcfe1bbe1055","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":"xjensen","email":"github@id.xjensen.com"},"deprecated":"Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.","repository":{"url":"https://github.com/cagov/design-system/components/external-link-icon/","type":"git"},"_npmVersion":"7.22.0","description":"External link Icon will give user an identifiable icon to know there is an external link. JavaScript of this component will loop through all links that go outside of current domain. Then it will append external link svg icon to the right side of the link.","directories":{},"_nodeVersion":"14.17.6","_hasShrinkwrap":false,"devDependencies":{"sass":"^1.38.1","@open-wc/testing":"^3.0.0-next.2","@web/test-runner-puppeteer":"^0.10.1"},"_npmOperationalInternal":{"tmp":"tmp/ds-external-link-icon_1.0.3_1636484462366_0.861105146556784","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-10-25T17:14:02.308Z","modified":"2026-04-01T19:49:55.478Z","1.0.0":"2021-10-25T17:14:02.578Z","1.0.1":"2021-10-26T21:27:36.790Z","1.0.2":"2021-11-05T20:51:47.940Z","1.0.3":"2021-11-09T19:01:02.598Z"},"license":"ISC","keywords":[],"repository":{"url":"https://github.com/cagov/design-system/components/external-link-icon/","type":"git"},"description":"External link Icon will give user an identifiable icon to know there is an external link. JavaScript of this component will loop through all links that go outside of current domain. Then it will append external link svg icon to the right side of the link.","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":"# External link icon\n\nExternal link Icon will give user an identifiable icon to know there is an external link. JavaScript of this component will loop through all links that go outside of current domain. Then it will append external link svg icon to the right side of the link.\n\n<img src=\"https://github.com/cagov/design-system/blob/external-link/components/external-link-icon/img/external-link-icon.jpg?raw=true\" alt=\"External link sample\">\n\n## HTML\n\n```\n<a href=\"google.html\">External link</a>\n\n```\n\n### Expected variables\n\nThere are some colors that should be defined by the containing page. Here are the CSS variable names and their fallback values used when not defined:\n\n\n- var(--primary-color, #e1e0e3)\n- var(--primary-dark-color, #003484)\n\n### Exceptions\n\nThere are cases when external link icon is not needed or messing the existing design. Here are the cases when external link icon is disabled:\n\n```\n.cagov-card, // card-grid component links\n.wp-block-button__link, // buttons inside of design system hero banner\n.footer-social-links a, // social icons links\nimg ~, // links that are using images\nsvg ~, // links that are using SVG icons\n.pdf-link-icon ~ // links to PDF files\n\n```","readmeFilename":"readme.md"}