@paprika/stylers
Advanced tools
The stylers package is a companion for the tokens package, they are both implementations of the Starling Design System for use in styling user interfaces. The stylers are more than just simple values however, they are helper functions and bundles of CSS rules.
yarn add @paprika/stylers
or with npm:
npm install @paprika/stylers
stylers are intended for use internally and externally.
Internally, when contributors create Paprika components, and externally, when application developers consume Paprika to create user interfaces with the Starling Design System.
Typically consumers will be using tokens with Sass. They can be included in any Sass file with:
@import "@paprika/stylers/lib/helpers.scss";
Then you should be able to use Sass functions like font-size() and spacer() as well as mixins like @include truncate-text; and @include focus-ring(true).
For scalability, in implementation of the stylers is split into:
includes.js and formIncludes.js (for bundles of styling rules)helpers.js (functions that take an input and generate a value or styling rule/rules).FAQs
Helpers and includes for styled-components
The npm package @paprika/stylers receives a total of 7,906 weekly downloads. As such, @paprika/stylers popularity was classified as popular.
We found that @paprika/stylers demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 3 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
Snyk's use of malicious npm packages for research raises ethical concerns, highlighting risks in public deployment, data exfiltration, and unauthorized testing.
Research
Security News
Socket researchers found several malicious npm packages typosquatting Chalk and Chokidar, targeting Node.js developers with kill switches and data theft.
Security News
pnpm 10 blocks lifecycle scripts by default to improve security, addressing supply chain attack risks but sparking debate over compatibility and workflow changes.