npmpackage.info

Gathering detailed insights and metrics for @spectrum-web-components/opacity-checkerboard

@spectrum-web-components/opacity-checkerboard - 1.7.0 | npmpackage.info

@spectrum-web-components/opacity-checkerboard

Spectrum Web Components

1.7.0

1,405

Apache-2.0

TypeScript

32.64 kB

5.3

Installations

npm install @spectrum-web-components/opacity-checkerboard

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Node Version

20.16.0

NPM Version

10.8.1 Pull Requests

Open

47

Total

3,959

Closed

880

Merged

3,032

Issues

Open

151

Total

1,582

Closed

1,431

Releases

Unable to fetch releases

Languages

TypeScript

CSS

JavaScript

HTML

Handlebars

MDX

TypeScript (66.41%)

CSS (31.37%)

JavaScript (2.07%)

HTML (0.08%)

Handlebars (0.06%)

Developer

adobe

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

Apache-2.0 License

1,405 Stars

4,922 Commits

229 Forks

46 Watchers

248 Branches

342 Contributors

Updated on Jul 16, 2025

Maintainers

View All 342 Contributors

Package Meta Information

Latest Version

1.7.0

Package Id

@spectrum-web-components/opacity-checkerboard@1.7.0

Unpacked Size

32.64 kB

Size

2.87 kB

File Count

NPM Version

10.8.1

Node Version

20.16.0

Published on

Jun 11, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@spectrum-web-components/base

Description

The opacity-checkerboard class is used to highlight opacity. Leverage these styles in your component as outlined below to unify you application's visuals with those delivered by various Spectrum Web Components.

Usage

Import the styles from the opacity-checkerboard CSS:

import opacityCheckerBoardStyles from '@spectrum-web-components/opacity-checkerboard/src/opacity-checkerboard.css.js';

Add it to your component's styles array before your component's styles. The order that you include the styles in makes a difference, because selectors within opacity checkerboard may have the same specificity as those within your component.

1public static override get styles(): CSSResultArray {
2    return [opacityCheckerBoardStyles, styles];
3}

Use the opacity-checkerboard class in your component's render() method:

1<div
2    class="opacity-checkerboard"
3    style="inline-size: 100px; block-size: 100px;"
4></div>

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Security-Policy

Determines if the project has published a security policy.

8

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 0

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser-tests.yml:75: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/browser-tests.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser-tests.yml:80: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/browser-tests.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser-tests.yml:87: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/browser-tests.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser-tests.yml:93: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/browser-tests.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser-tests.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/browser-tests.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser-tests.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/browser-tests.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/browser-tests.yml:58: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/browser-tests.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/chromatic-vrt.yml:31: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/chromatic-vrt.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/chromatic-vrt.yml:46: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/chromatic-vrt.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/coveralls.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/coveralls.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/coveralls.yml:30: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/coveralls.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yml:50: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/lint.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/lint.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/lint.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yml:75: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/lint.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yml:80: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/lint.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yml:92: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/lint.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/lint.yml:107: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/lint.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/lint.yml:118: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/lint.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/pr-update.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/pr-update.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/pr-update.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/pr-update.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/preview-docs.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/preview-docs.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/preview-docs.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/preview-docs.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/preview-docs.yml:54: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/preview-docs.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/preview-release.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/preview-release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-docs-site.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/publish-docs-site.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/urls-smoke-test.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/urls-smoke-test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/urls-smoke-test.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/urls-smoke-test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/urls-smoke-test.yml:83: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/urls-smoke-test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/urls-smoke-test.yml:99: update your workflow using https://app.stepsecurity.io/secureworkflow/adobe/spectrum-web-components/urls-smoke-test.yml/main?enable=pin
Info: 0 out of 23 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 6 third-party GitHubAction dependencies pinned

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

5.3

/10

Last Scanned on 2025-07-14

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More