open-index/open-npm huggingface dataset:
npm package: @salesforce-ux/design-system
Description: Salesforce Lightning Design System
Author: Salesforce
Latest version: 2.29.1

# Lightning Design System 
# Version: 2.29.1 
# Salesforce Lightning Design System 1

Welcome to [Salesforce Lightning Design System 1](https://v1.lightningdesignsystem.com) brought to you by Salesforce UX](https://linkedin.com/showcase/salesforce-designers).

* Tailored for building Salesforce apps: Using the Lightning Design System markup and CSS framework results in UIs that reflect the Salesforce Lightning look and feel.
* Continuously updated: As long as you’re using the latest version of the Lightning Design System, your pages are always up to date with Salesforce UI changes.

## Documentation

[Salesforce Lightning Design System 1 web site](https://v1.lightningdesignsystem.com)

## Contents

* assets/
  - icons/ - PNG, SVG and SVG spritemap versions of icons
  - images/ - including spinners
  - styles/
    - salesforce-lightning-design-system.css (regular CSS — which should not be used within a component that already has access to the SLDS CSS within the platform — please use the scoping tool mentioned below)
    - salesforce-lightning-design-system.min.css (minified CSS)
* design-tokens/dist/ - the Design Tokens, usable in all formats
* scss/ - the Sass source for the Lightning Design System CSS
* swatches/
  - salesforce-lightning-design-system.clr - adobe and ios swatch formats, respectively. See [https://helpx.adobe.com/photoshop/using/customizing-color-pickers-swatches.html](https://helpx.adobe.com/photoshop/using/customizing-color-pickers-swatches.html)

## Licenses

* Source code is licensed under [BSD 3-Clause](https://git.io/sfdc-license)
* All icons and images are licensed under [Creative Commons Attribution-NoDerivatives 4.0](https://github.com/salesforce-ux/licenses/blob/master/LICENSE-icons-images.txt)
npm package: @salesforce-ux/design-system-data
Description: This package contains scripts to generate data and data assets for aspects of the Salesforce Lightning Design System (SLDS).
Author: Salesforce
Latest version: 0.0.0-dev.1769728939

# Design System Data

This package contains scripts to generate data and data assets for aspects of the Salesforce Lightning Design System (SLDS).

## Installation

```bash
npm install @salesforce-ux/design-system-data
```

## Usage

This package provides several npm scripts to generate design system data. All scripts support the `--output` argument to specify a custom output directory.

### Icons

Generate icon data to console:
```bash
npm run generate:icons
```

Generate icon data to file:
```bash
npm run generate:icons:file
```

Generate icon data to a specific output directory:
```bash
npm run generate:icons:file -- --output ./dist
```

Zip icons for distribution:
```bash
npm run generate:icons:zip
```

### Styling Hooks

The styling hooks generator creates comprehensive styling hooks by combining the original styling hooks approach with metadata supplementation. It preserves all existing properties (including `comment`) while supplementing them with the latest metadata values.

#### Available Scripts

Generate Lightning theme styling hooks to console:
```bash
npm run generate:styling-hooks
```

Generate both Lightning and Cosmos themes to files:
```bash
npm run generate:styling-hooks:file
```

Generate Lightning theme to file:
```bash
npm run generate:styling-hooks:lightning
```

Generate Cosmos theme to file:
```bash
npm run generate:styling-hooks:cosmos
```

Generate to a specific output directory:
```bash
npm run generate:styling-hooks:file -- --output ./dist
```

#### Output Files

When generating to files, the script creates:
- `styling-hooks-lightning.json` for Lightning theme
- `styling-hooks-cosmos.json` for Cosmos theme

### Design Tokens

Generate token data to console:
```bash
npm run generate:tokens
```

Generate token data to file:
```bash
npm run generate:tokens:file
```

Generate token data to a specific output directory:
```bash
npm run generate:tokens:file -- --output ./dist
```

### Output Options

All generation scripts support the `--output` argument to specify a custom output directory:

- `--output <path>`: Specify the output directory (defaults to current working directory)
- The output directory will be created automatically if it doesn't exist
- Examples:
  - `--output ./dist` - Output to a `dist` folder in the current directory
  - `--output /absolute/path/to/output` - Output to an absolute path

## Data
The generated data can be imported and consumed in your design system components and applications.

## Licenses

* Source code is licensed under [BSD 3-Clause](https://git.io/sfdc-license)
* All icons and images are licensed under [Creative Commons Attribution-NoDerivatives 4.0](https://github.com/salesforce-ux/licenses/blob/master/LICENSE-icons-images.txt)