@ec-europa/ecl-links
Advanced tools
Comparing version 0.10.0 to 0.10.1
@@ -5,3 +5,3 @@ { | ||
"license": "EUPL-1.1", | ||
"version": "0.10.0", | ||
"version": "0.10.1", | ||
"description": "ECL Links", | ||
@@ -11,4 +11,4 @@ "main": "_links.scss", | ||
"dependencies": { | ||
"@ec-europa/ecl-base": "^0.8.1", | ||
"@ec-europa/ecl-icons": "^0.9.0" | ||
"@ec-europa/ecl-base": "^0.9.0", | ||
"@ec-europa/ecl-icons": "^0.9.1" | ||
}, | ||
@@ -15,0 +15,0 @@ "publishConfig": { |
@@ -5,48 +5,43 @@ # Links | ||
When you need to direct users to a different page or to provide access to further information. | ||
When you need to direct users to a different page or to provide access to | ||
further information. | ||
### Link types | ||
- **in-line text link** | ||
- internal links | ||
- external links | ||
* **in-line text link** | ||
- **stand-alone link** | ||
- more link | ||
- expandable link | ||
- social media link | ||
* internal links | ||
* external links | ||
* **stand-alone link** | ||
* more link | ||
* expandable link | ||
* social media link | ||
## When to use this component | ||
- **in-line link**<br/> | ||
when links are inserted within paragraph text blocks<br/> | ||
**style**<br/> | ||
blue, underlined (displayed in white colour if the background colour is blue) | ||
* **in-line link**<br/> when links are inserted within paragraph text | ||
blocks<br/> **style**<br/> blue, underlined (displayed in white colour if the | ||
background colour is blue) | ||
- **internal link**<br/> | ||
when links point to URLs inside the ec.europa.eu domain<br/> | ||
**style** <br/> | ||
underlined link | ||
* **internal link**<br/> when links point to URLs inside the ec.europa.eu | ||
domain<br/> **style** <br/> underlined link | ||
- **external link**<br/> | ||
when links point to URLs outside the ec.europa.eu domain<br/> | ||
**style**<br/> | ||
underlined link with an appended square w/ arrow pointing outward | ||
* **external link**<br/> when links point to URLs outside the ec.europa.eu | ||
domain<br/> **style**<br/> underlined link with an appended square w/ arrow | ||
pointing outward | ||
- **stand-alone link**<br/> | ||
when links are not inserted within paragraph text blocks<br/> | ||
**style**<br/> | ||
blue, no underline | ||
* **stand-alone link**<br/> when links are not inserted within paragraph text | ||
blocks<br/> **style**<br/> blue, no underline | ||
- **more link**<br/> | ||
used on the Listings component | ||
* **more link**<br/> used on the Listings component | ||
- **expandable link**<br/> | ||
used on the Expandable component | ||
* **expandable link**<br/> used on the Expandable component | ||
- **social media link**<br/> | ||
used on the Social media - Follow. and Social media - Share. components | ||
* **social media link**<br/> used on the Social media - Follow. and Social | ||
media - Share. components | ||
## Do not use this component | ||
- for actions or important links to other pages - in this case, use buttons instead | ||
* for actions or important links to other pages - in this case, use buttons | ||
instead |
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
0
5594
47
+ Added@ec-europa/ecl-base@0.9.0(transitive)
- Removed@ec-europa/ecl-base@0.8.1(transitive)
Updated@ec-europa/ecl-base@^0.9.0
Updated@ec-europa/ecl-icons@^0.9.1