Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@vonage/vvd-typography
Advanced tools
Readme
Vivid provides typography definitions as part of it's underlying design system.
In majority of cases consumer will have the typography set correctly either via the Vivid components or Vivid context, so nothing has to be done to get it be used.
Vivid typography is built from the Spezia font family, namely the regular one and the monospace one.
Vivid provides several typography types, all of which can be used in several variations.
Typography type refers to the principally distint set of parameters, most notably font-size
, font-weight
and font-stretch
.
By variation term we mean either a base typography type taken as it is, or some specific deviation from it, most notably either in font-weight
(bold variation), font-family
(monospace) or text-decoration
(underline).
Principal distinction between the types and the variations is, that variation may be applied to the 'current' type, without knowing much of it. This way we can achieve the following carthesian matrix of typography flavors:
Vivid typography types are principally split into 2 categories: Heading and Content.
Heading part handles the typography types of headers. There are 6 types in this category, corresponding to the 6 header elements in HTML specification. Usage of these kinds of typographies is simple and straight forward - just putting the relevant header element (as specified by the designer :)
Content typographies comprised from 3 types: Body 1, Body 2 and Caption. In this case, too, the usage is bound to the components or the HTML context.
Be it heading line or regular paragraph text, we might need to style some of the words in a slightly deviating way.
Take for example the code
element. The way this element deviates from the surrounding context is by usage of Monospaced font-family, while the rest of the typography attributes are staying the same.
These kinds of changes, most notably inline elements aspects, we call variations. There are 4 variations in the Vivid design system as a whole:
base
- regularly used, default variation for each typography typemonospace
- monospaced variation is mostly used for the code snippets, keyboard sequences etcbold
- this is for strong inline element and some of the components (button)underline
- rarely used variation, used now for a link stylingFAQs
> TODO: description
The npm package @vonage/vvd-typography receives a total of 641 weekly downloads. As such, @vonage/vvd-typography popularity was classified as not popular.
We found that @vonage/vvd-typography demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 51 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.