open-index/open-npm huggingface dataset:
npm package: @swisspost/design-system-components
Description: A collection of web components built with Stencil JS for the Swiss Post Design System.
Latest version: 9.11.0

# Swiss Post Design System Components

![Swiss Post Design System splash screen](https://github.com/swisspost/design-system/assets/1659006/e84f1fea-e666-4853-8c85-726a6bf22e6c)

A collection of web components built with Stencil JS for the Swiss Post Design System.

## Documentation

- Technical docs: [Swiss Post Design System](https://design-system.post.ch)
- Design docs: [Experience Hub](https://www.experience-hub.ch/document/2803)

## Installation

```bash
npm install @swisspost/design-system-components
```

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](CODE_OF_CONDUCT.md)

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [components contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](../../CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.
npm package: @swisspost/design-system-components-angular
Description: Swiss Post Design System - Angular Wrapper Components
Author: Swiss Post
Latest version: 9.11.0

# Swiss Post Design System Components-Angular

![Swiss Post Design System splash screen](https://github.com/swisspost/design-system/assets/1659006/e84f1fea-e666-4853-8c85-726a6bf22e6c)

A collection of angular-components built with Stencil JS for the Swiss Post Design System.

## Documentation

- Technical docs: [Swiss Post Design System](https://design-system.post.ch)

## Usage

Install the package in your Angular project:

```bash
npm install @swisspost/design-system-components-angular
```

In your `app.module.ts`, add the components to your imports:

```typescript
// Other imports ....
import { PostComponentsModule } from '@swisspost/design-system-components-angular';

@NgModule({
  imports: [PostComponentsModule],
})
export class AppModule {}
```

In your templates, the components are available as:

```html
<post-icon></post-icon>
```

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](../../../../CODE_OF_CONDUCT.md)

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [components-angular contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](../../../../CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.
npm package: @swisspost/design-system-icons
Description: A collection of Swiss Post icons intended for use with the Design System.
Author: Swiss Post
Latest version: 9.11.0

# Design System Icons

![Swiss Post Design System splash screen](https://github.com/swisspost/design-system/assets/1659006/e84f1fea-e666-4853-8c85-726a6bf22e6c)

Icons for the Swiss Post Design System.

## Documentation

- Icon search: https://design-system.post.ch/?path=/docs/5704bdc4-c5b5-45e6-b123-c54d01fce2f1--docs
- `post-icon` component: https://design-system.post.ch/?path=/docs/0dcfe3c0-bfc0-4107-b43b-7e9d825b805f--docs

## Adding new icons

To add a new icon to this package, please contact [corpdesign@post.ch](mailto:corpdesign@post.ch). There is an automated workflow in place that will grab the new icon from the sharing platform and issue a pull request to this repository. After review through maintainers of the Design System, the new icon(s) can be published.

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](https://github.com/swisspost/design-system/blob/main/CODE_OF_CONDUCT.md)

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [styles contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](https://github.com/swisspost/design-system/blob/main/CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](https://github.com/swisspost/design-system/blob/main/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.
npm package: @swisspost/design-system-intranet-header
Description: Intranet header for internal Swiss Post applications as an Angular component.
Author: Swiss Post
Latest version: 9.11.0

# Swisspost Intranet Header

![Swiss Post Design System splash screen](https://github.com/swisspost/design-system/assets/1659006/e84f1fea-e666-4853-8c85-726a6bf22e6c)

The Angular header component for Intranet applications.

## Documentation

- Technical docs: [Swiss Post Design System](https://design-system.post.ch/#/post-samples/intranet-layout)
- Design docs: [Experience Hub](https://www.experience-hub.ch/document/2803)

## Usage

Install the header in your Angular project:

```bash
npm install @swisspost/design-system-intranet-header
```

In your `app.module.ts`, add the header to your imports:

```typescript
// Other imports ....
import { SwissPostIntranetHeaderModule } from '@swisspost/design-system-intranet-header';

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    // ...
    SwissPostIntranetHeaderModule,
  ],
  // ...
})
export class AppModule {}
```

In your templates, the Intranet Header is available as:

```html
<sp-intranet-header></sp-intranet-header>
```

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](CODE_OF_CONDUCT.md)

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [intranet header contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](../../../../CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.
npm package: @swisspost/design-system-migrations
Description: Scripts to migrate an Angular application from one Design System version to another.
Author: Swiss Post
Latest version: 9.11.0

# Design System Migrations

Scripts to migrate an Angular application from one Design System version to another.

## Usage

The migration package is not intended to be installed as a dependency on your project.
You can install it temporarily while migrating your project to a new version of Design System, then uninstall it directly:

```bash
  npm install @swisspost/design-system-migrations
  npx ng update @swisspost/design-system-migrations --from=[currentVersion] --to=[targetedVersion] --migrate-only --allow-dirty
  npm uninstall @swisspost/design-system-migrations
```

Be sure to update your application one major Design System version at a time as explained in our [migration guide](https://design-system.post.ch/).

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](../../CODE_OF_CONDUCT.md)

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [migration contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](../../CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.
npm package: @swisspost/design-system-styles
Description: Design System Styles for the Swiss Post web platform.
Author: Swiss Post
Latest version: 9.11.0

# Design System Styles

![Swiss Post Design System splash screen](https://github.com/swisspost/design-system/assets/1659006/e84f1fea-e666-4853-8c85-726a6bf22e6c)

Styles for the Swiss Post web platform.

## Documentation

- Technical docs: [Swiss Post Design System](https://design-system.post.ch)
- Design docs: [Experience Hub](https://www.experience-hub.ch/document/2803)

## Installation

<br>
<details>
  <summary>Prerequisites</summary>
  
  In order to be able to use `npm` commands, [node.js](https://nodejs.org/en/) needs to be installed on your machine.

The `scss` files in our styling package make use of the latest features of Sass. If you are planning to compile the .scss files in your project, be sure to use an up to date version of the latest Sass implementation ([dart-sass](https://sass-lang.com/dart-sass), `npm i sass@latest`). LibSass or Ruby Sass are not supported. If you can not meet this prerequisite, you can still use the precompiled CSS files included in the styling package.

</details>
<br>

Install the styling package

```bash
  npm install @swisspost/design-system-styles
```

Import the stylesheet into your project, e.g. `src/styles.scss`.

```scss
@use '@swisspost/design-system-styles/<bundle-name>.scss';
```

Available Sass entrypoints:

- **index.scss** (internet facing applications)
- **intranet.scss** (internal applications)
- **basics.scss** (atomic styles for font, buttons, lists etc.)
- **core.scss** (variables, mixins, functions and placeholders only)

Available CSS bundles:

- **index.css** (internet facing applications)
- **intranet.css** (internal applications)
- **basics.css** (atomic styles for font, buttons, lists etc.)

## Migration guide

To execute the migrations please follow our [migration guide](https://design-system.post.ch/).

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](CODE_OF_CONDUCT.md)

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [styles contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](../../CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.
npm package: @swisspost/design-system-styles-primeng
Description: Swiss Post styles for PrimeNG datatable.
Author: Swiss Post
Latest version: 9.11.0

# Design System Styles for PrimeNG

![Swiss Post Design System splash screen](https://github.com/swisspost/design-system/assets/1659006/e84f1fea-e666-4853-8c85-726a6bf22e6c)

Swiss Post styles for PrimeNG datatable.

## Documentation

The PrimeNG styles are documented in the Design System storybook.

[Styles for PrimeNG Documentation](https://design-system.post.ch/?path=/docs/d2112bed-c611-4098-a1ad-e654f7d622e7--docs)

## Installation

To install the package in a project run:

```bash
npm install primeng @swisspost/design-system-styles-primeng
```

The PrimeNG theme and core styles are the necessary, as well as the Swiss Post styles.
All three should be imported in the main style file of your Angular project, usually `src/styles.scss`.

Be sure to assign a layer to the Design System styles to avoid interference.

### With styles.css
```scss
@use "@swisspost/design-system-styles-primeng/primeng-theme";
@use "primeng/resources/primeng.css";

@layer design-system-styles, primeng;

// refer to the @swisspost/design-system-styles installation guidelines to know which bundle-name and extension to choose for your project
@import '@swisspost/design-system-styles/<bundle-name>.<extension>' layer(design-system-styles);
```

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](CODE_OF_CONDUCT.md)

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [header contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](/CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.
npm package: @swisspost/design-system-theme-ag-grid
Description: The Swiss Post Design System theme for AG Grid
Author: Swiss Post
Latest version: 9.11.0

# Swiss Post Theme AG Grid

![Swiss Post Design System splash screen](https://github.com/swisspost/design-system/assets/1659006/e84f1fea-e666-4853-8c85-726a6bf22e6c)

Swiss Post theme for the AG Grid library

## Documentation

- Technical docs: [Swiss Post Design System](https://design-system.post.ch/?path=/docs/e1405db2-fe06-45c6-a7ed-1408f9bf4895--docs)

## Installation

Install the Theme AG Grid package

```bash
npm install @swisspost/design-system-theme-ag-grid
```

## Usage

To use the theme, simply import it from the package and use it within the grid options of your table.

```javascript
import { swissPostTheme } from '@swisspost/design-system-theme-ag-grid';

myOptions: GridOptions = {
  theme: swissPostTheme,
};
```
npm package: @swisspost/design-system-tokens
Description: Design Tokens for the Swiss Post Design System.
Author: Swiss Post
Latest version: 10.0.0-next.66

# Design System Tokens

![Swiss Post Design System splash screen](https://github.com/swisspost/design-system/assets/1659006/e84f1fea-e666-4853-8c85-726a6bf22e6c)

Tokens for the Swiss Post.

## Documentation

- Technical docs: [Swiss Post Design System](https://design-system.post.ch)
- Design docs: [Experience Hub](https://www.experience-hub.ch/document/2803)

## Installation

<br>
<details>
  <summary>Prerequisites</summary>
  
  In order to be able to use `npm` commands, [node.js](https://nodejs.org/en/) needs to be installed on your machine.
</details>
<br>

Install the token package

```bash
  npm install @swisspost/design-system-tokens
```

Process the tokens files as you like or use our preprocessed `scss` tokens.

```scss
@use '@swisspost/design-system-tokens/<bundle-name>.scss';
```

## Contribute

[![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.1-4baaaa.svg)](CODE_OF_CONDUCT.md)

Considering supporting the Swiss Post Design System with your contribution? Whether you like to contribute new patterns, fix a bug, spotted a typo or have ideas for improvement - we'd love to hear from you. Learn how you can contribute to this project in the [styles contribution guidelines](./CONTRIBUTING.md) and also take a look at the [general contribution guidelines](../../CONTRIBUTING.md).

For any questions regarding the pattern library, you can reach out on the [discussions page](https://github.com/swisspost/design-system/discussions).

In order to keep our community open and inclusive, we expect you to read and follow our [Code of Conduct](/CODE_OF_CONDUCT.md).

## License

Software contained in this repository is published by the Swiss Post Ltd. under the [Apache 2.0 License](./LICENSE).

© 2024 Swiss Post, Ltd.
npm package: @swissquote/crafty-preset-polyfills
Description: > This preset isn't working for the moment, do not use it.
Latest version: 1.1.0

> This preset isn't working for the moment, do not use it.

### Polyfills

Some features are supported in the new EcmaScript specifications, but compiling
them is not enough, you need a runtime code to actually use them.

We provide polyfills that are required to run EcmaScript 2015 features on the
majority of browsers.

* `promise` a default implementation that allows you to use promises out of the
  box.
* `Object.assign`. This will patch it for buggy browsers or polyfill it when not
  existent.
* `Array.from`. Necessary some destructuring features
* `Array.prototype.@@iterator`. Necessary for arrays support in for..of loops
* `Symbol`. Necessary for Iterators and for..of loops

We don't include more polyfills because this would create packages that are too
big. (100 KB before you add a single line of code.) In the future we will add a
way to declare which polyfills you want to add in your project or provide a
hosted "Polyfill as a service" server.