Security News
Introducing the Socket Python SDK
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
@spectrum-web-components/styles
Advanced tools
Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are ma
Spectrum Web Components are a LitElement
-powered web component library of patterns built on top of the Spectrum CSS specification. Styles for these components are made available (and, in some cases, customizable) via CSS Custom Properties, e.g. var(--spectrum-black)
. In this package, you will find the CSS Custom Properties that power the various color and size themes defined by Spectrum CSS.
The easiest way to consume these values is via the <sp-theme>
element. However, in some cases, it can be useful to have direct access to the files outlining the CSS Custom Properties, on top of which the rest of the component system is built.
yarn add @spectrum-web-components/styles
@import '@spectrum-web-components/styles/all-medium-darkest.css';
This file brings together the global variables and font settings with the "Darkest" color set and "Medium" scale system specification.
@import '@spectrum-web-components/styles/all-medium-dark.css';
This file brings together the global variables and font settings with the "Dark" color set and "Medium" scale system specification.
@import '@spectrum-web-components/styles/all-medium-light.css';
This file brings together the global variables and font settings with the "Light" color set and "Medium" scale system specification.
@import '@spectrum-web-components/styles/all-medium-lightest.css';
This file brings together the global variables and font settings with the "Lightest" color set and "Medium" scale system specification.
@import '@spectrum-web-components/styles/all-large-darkest.css';
This file brings together the global variables and font settings with the "Darkest" color set and "Large" scale system specification.
@import '@spectrum-web-components/styles/all-large-dark.css';
This file brings together the global variables and font settings with the "Dark" color set and "Large" scale system specification.
@import '@spectrum-web-components/styles/all-large-light.css';
This file brings together the global variables and font settings with the "Light" color set and "Large" scale system specification.
@import '@spectrum-web-components/styles/all-large-lightest.css';
This file brings together the global variables and font settings with the "Lightest" color set and "Large" scale system specification.
@import '@spectrum-web-components/styles/theme-darkest.css';
This file provides only the variables needed to power a color palette featuring colors found in the "Darkest" theme.
@import '@spectrum-web-components/styles/theme-dark.css';
This file provides only the variables needed to power a color palette featuring colors found in the "Dark" theme.
@import '@spectrum-web-components/styles/theme-light.css';
This file provides only the variables needed to power a color palette featuring colors found in the "Light" theme.
@import '@spectrum-web-components/styles/theme-lightest.css';
This file provides only the variables needed to power a color palette featuring colors found in the "Lightest" theme.
@import '@spectrum-web-components/styles/scale-medium.css';
This file provides only the variables needed to power the "Medium" scale system specification.
@import '@spectrum-web-components/styles/scale-large.css';
This file provides only the variables needed to power the "Large" scale system specification.
@import '@spectrum-web-components/styles/typography.css';
This file provides a lit-html
compliant version of the Spectrum Typography classes.
0.42.3 (2024-05-01)
theme
property for system
(#4230) (ac26168)FAQs
Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library of patterns built on top of the [Spectrum CSS](https://opensource.adobe.com/spectrum-css) specification. Styles for these components are ma
The npm package @spectrum-web-components/styles receives a total of 6,286 weekly downloads. As such, @spectrum-web-components/styles popularity was classified as popular.
We found that @spectrum-web-components/styles demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 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
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
Security News
Floating dependency ranges in npm can introduce instability and security risks into your project by allowing unverified or incompatible versions to be installed automatically, leading to unpredictable behavior and potential conflicts.
Security News
A new Rust RFC proposes "Trusted Publishing" for Crates.io, introducing short-lived access tokens via OIDC to improve security and reduce risks associated with long-lived API tokens.