npmpackage.info

Gathering detailed insights and metrics for @sap-ui/common-css

@sap-ui/common-css - 0.39.11 | npmpackage.info

@sap-ui/common-css

SAP Design System component library for building SAP user interfaces with any web technology.

0.39.11

204

Apache-2.0

HTML

735.53 kB

5.1

Installations

npm install @sap-ui/common-css

Developer Guide

BETA

Typescript

No

Module System

ESM

Node Version

22.15.0

NPM Version

10.9.2 Pull Requests

Open

1

Total

4,493

Closed

2,108

Merged

2,384

Issues

Open

10

Total

1,558

Closed

1,548

Releases

801

v0.41.0-rc.27

Updated on Jul 04, 2025

v0.41.0-rc.26

Updated on Jul 04, 2025

v0.41.0-rc.25

Updated on Jul 04, 2025

v0.41.0-rc.24

Updated on Jun 25, 2025

v0.41.0-rc.23

Updated on Jun 20, 2025

v0.41.0-rc.22

Updated on Jun 19, 2025

View All 801 releases

Languages

HTML

SCSS

JavaScript

TypeScript

Shell

HTML (65.7%)

SCSS (20.16%)

JavaScript (12.78%)

TypeScript (1.33%)

Shell (0.04%)

Developer

SAP

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

Apache-2.0 License

204 Stars

6,372 Commits

59 Forks

15 Watchers

269 Branches

688 Contributors

Updated on Jul 04, 2025

Maintainers

View All 688 Contributors

Package Meta Information

Latest Version

0.39.11

Package Id

@sap-ui/common-css@0.39.11

Unpacked Size

735.53 kB

Size

81.51 kB

File Count

NPM Version

10.9.2

Node Version

22.15.0

Published on

May 22, 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

@sap-theming/theming-base-content

SAP UI Common CSS Package

What is SAP UI Common CSS?

SAP UI Common CSS Package is a set of utility classes and SCSS mixins that allow developers to add padding, margin, color, font, shadow, and more to their applications and controls without writing custom css. The class naming follows the BEM (Block Element Modifier) methodology and the values of the CSS rules are based on SAP Fiori Design Guidelines. Further customization is possible by using the SCSS mixins and providing user defined values as parameters. SCSS Mixins help in defining styles that can be re-used throughout the project's stylesheet.

Getting Started

1. SAP UI Common CSS Package included in Fundamental Styles

SAP UI Common CSS Package is part of the Fundamental Styles. If you have installed the Fundamental Styles in your project, you automatically get the SAP UI Common CSS Package.

Learn more at http://sap.github.io/fundamental-styles/

2. SAP UI Common CSS Package on its own

SAP UI Common CSS Package can stand on its own. To install the package:

1npm i @sap-ui/common-css

Common CSS Properties

The SAP UI Common CSS Package consists of property values that align with the SAP Fiori designs.

border-radius border content-paddings display flex focus margin media-queries padding shadow typography

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

Security-Policy

Determines if the project has published a security policy.

10

Binary-Artifacts

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

5

Code-Review

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

1

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

CII-Best-Practices

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

0

Token-Permissions

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

0

Fuzzing

Determines if the project uses fuzzing.

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/chromatic.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/chromatic.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/chromatic.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/chromatic.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/create-release.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/create-release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/create-release.yml:83: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/create-release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/create-release.yml:111: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/create-release.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/create-release.yml:123: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/create-release.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-pull.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/on-pull.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/on-pull.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/on-pull.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-pull.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/on-pull.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/on-pull.yml:28: update your workflow using https://app.stepsecurity.io/secureworkflow/SAP/fundamental-styles/on-pull.yml/main?enable=pin
Info: 0 out of 6 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 4 third-party GitHubAction dependencies pinned

0

SAST

Determines if the project uses static code analysis.

Score

5.1

/10

Last Scanned on 2025-07-07

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