@scania/theme-light

SDDS - Theme light

Deprecation Notice

This package has been deprecated and is no longer actively maintained.

Why is this package deprecated?

This package has reached the end of its development lifecycle, and we have decided to discontinue active support and updates for it. We recommend that you consider alternative solutions for your project to ensure ongoing compatibility, security, and stability.

Recommended Alternatives

We suggest exploring the Tegel Design System, which is the successor of SDDS and is actively maintained:

• @scania/tegel: One package for the entire Tegel design system. Based on web components.
• @scania/tegel-react: Version of @scania/tegel that provides React component wrappers.
• @scania/tegel-angular: Version of @scania/tegel that provides Angular component wrappers.

What should you do now?

• Migrate to an alternative package: We strongly encourage you to transition to one of the recommended alternatives mentioned above by following their documentation and migration guides on npm, SDDS -> TDS migration guide and Tegel installation on the official Tegel website.

• Remove the deprecated package: You can safely remove this package from your project once you have successfully migrated to an alternative solution.

Thank You!

We appreciate your support and use of this package. If you have any questions or need further assistance with the deprecation process or migration, feel free to reach out to us by creating an issue in our GitHub repository or contacting Development support channel in Teams.

Again, thank you for being a part of our community, and we hope the recommended alternatives serve your needs effectively.

*Last Updated: October 23rd 2023

Scania theme is a package to style Scania looks and feel in the Tegel Design System setup.

Installation

NPM package

Install package by running the command below.

npm i @scania/tegel-old -D
npm i @scania/theme-light -D

Import theme in the project and use it with addTheme function from corporate-ui.

import { defineCustomElements, addTheme } from '@scania/components';
import { theme as scania } from '@scania/theme-light';

defineCustomElements();
addTheme(scania);

Setup in project

Initialize the theme with the sdds-theme component. Set global attribute to true in order to enable bootstrap styling.

<sdds-theme></sdds-theme>

Setup local development

• Clone sdds repository

git clone https://github.com/scania-digital-design-system/sdds.git

• Download and install node.js: https://nodejs.org/en/
• If you're behind a firewall, CONFIGURE THE PROXY
• From the scania-theme folder, run npm i to install package dependencies
• Start the local setup by running npm start
• Scania theme scripts will be served on http://localhost:1338/scania-theme.js
• Use demo inside the demo folder in sdds project.

License

The Scania brand identity and the interaction patterns found in this repository are not available on an open source basis. Although we have great freedom to make improvements and new components, some changes to interaction patterns and use of colours etc may not be approved.