open-index/open-npm huggingface dataset:
npm package: @spectrum-charts/mcp
Description: MCP Server for React Spectrum Charts documentation
Author: Adobe
Latest version: 1.38.0

# React Spectrum Charts MCP Server

A [Model Context Protocol (MCP)](https://modelcontextprotocol.io) server that exposes React Spectrum Charts documentation to AI assistants like Claude and Cursor.

## Tools

| Tool            | Description                                            |
| --------------- | ------------------------------------------------------ |
| `list_rsc_docs` | Lists all documentation pages with IDs and titles      |
| `read_rsc_doc`  | Returns full markdown content for a documentation page |

## Setup

Add the server to your AI tool's MCP configuration. The tool will automatically start and manage the server.

### Cursor

Add to your project's `.cursor/mcp.json`:

```json
{
  "mcpServers": {
    "react-spectrum-charts": {
      "command": "yarn",
      "args": ["dlx", "@spectrum-charts/mcp"]
    }
  }
}
```

Then restart Cursor.

### Claude Desktop

Add to your config file:

**macOS:** `~/Library/Application Support/Claude/claude_desktop_config.json`  
**Windows:** `%APPDATA%\Claude\claude_desktop_config.json`

```json
{
  "mcpServers": {
    "react-spectrum-charts": {
      "command": "yarn",
      "args": ["dlx", "@spectrum-charts/mcp"]
    }
  }
}
```

Then restart Claude Desktop.

> **Note:** You can also use `npx` or `pnpm dlx` instead of `yarn dlx`.

## Usage

Once configured, ask your AI assistant about React Spectrum Charts:

- "What chart components are available in React Spectrum Charts?"
- "Show me how to create a bar chart"
- "What props does the Line component accept?"

The AI will automatically use the MCP tools to fetch documentation.

## Development

### Build from source

```bash
cd packages/mcp
yarn build
```

### Run tests

```bash
yarn test
```

### Test with MCP Inspector

```bash
yarn build
npx @modelcontextprotocol/inspector node dist/index.js
```

### Local development config

For testing local changes, point to the built file:

```json
{
  "mcpServers": {
    "react-spectrum-charts": {
      "command": "node",
      "args": ["/path/to/react-spectrum-charts/packages/mcp/dist/index.js"]
    }
  }
}
```

- [MCP Server Documentation](https://opensource.adobe.com/react-spectrum-charts/docs/docs/developers/McpServer) - Full setup guide
npm package: @spectrum-css/alert
Description: The Spectrum CSS alert component
Latest version: 3.0.0-beta.3
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/alert
> The Spectrum CSS alert component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/alertbanner
Description: The Spectrum CSS alertbanner component
Author: Adobe
Latest version: 3.2.0

# @spectrum-css/alertbanner

> The Spectrum CSS alertbanner component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/alertdialog
Description: The Spectrum CSS alertdialog component
Author: Adobe
Latest version: 4.2.0

# @spectrum-css/alertdialog

> The Spectrum CSS alertdialog component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/alertdialog).
npm package: @spectrum-css/asset
Description: The Spectrum CSS asset component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/asset

> The Spectrum CSS asset component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/assetlist
Description: The Spectrum CSS assetlist component
Author: Adobe
Latest version: 8.3.0

# @spectrum-css/assetlist

> The Spectrum CSS assetlist component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/avatar
Description: The Spectrum CSS avatar component
Author: Adobe
Latest version: 9.2.0

# @spectrum-css/avatar

> The Spectrum CSS avatar component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/badge
Description: The Spectrum CSS badge component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/badge

> The Spectrum CSS badge component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/banner
Description: The Spectrum CSS banner component
Latest version: 3.0.0-beta.2
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/banner
> The Spectrum CSS banner component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/barloader
Description: The Spectrum CSS barloader component
Latest version: 3.0.0-beta.2
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/barloader
> The Spectrum CSS barloader component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/breadcrumb
Description: The Spectrum CSS breadcrumb component
Author: Adobe
Latest version: 11.2.0

# @spectrum-css/breadcrumb

> The Spectrum CSS breadcrumb component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/build
Description: The Spectrum CSS component builder
Latest version: 1.0.0-alpha.0
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/build
> Build system for Spectrum CSS components

This package uses gulp to compile CSS and build documentation for Spectrum CSS components

## CLI

The following tasks are defined

* `gulp build` - Build everything
* `gulp buildCSS` - Build CSS only
* `gulp buildDocs` - Build documentation only

## Accessing PostCSS preprocessors

You can pull the list of preprocessors with `require('@spectrum-css/css/processors')`, but it'll probably break unless there's a local copy of `@spectrum-css/vars` in the current working directory's `node_modules` folder...
npm package: @spectrum-css/button
Description: The Spectrum CSS button component
Author: Adobe
Latest version: 14.2.0

# @spectrum-css/button

> The Spectrum CSS button component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/buttongroup
Description: The Spectrum CSS buttongroup component
Author: Adobe
Latest version: 9.2.0

# @spectrum-css/buttongroup

> The Spectrum CSS buttongroup component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/calendar
Description: The Spectrum CSS calendar component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/calendar

> The Spectrum CSS calendar component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/card
Description: The Spectrum CSS card component
Author: Adobe
Latest version: 11.2.0

# @spectrum-css/card

> The Spectrum CSS card component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/checkbox
Description: The Spectrum CSS checkbox component
Author: Adobe
Latest version: 10.2.0

# @spectrum-css/checkbox

> The Spectrum CSS checkbox component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/circleloader
Description: The Spectrum CSS circleloader component
Latest version: 3.0.0-beta.2
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/circleloader
> The Spectrum CSS circleloader component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/clearbutton
Description: The Spectrum CSS clearbutton component
Author: Adobe
Latest version: 7.3.0

# @spectrum-css/clearbutton

> The Spectrum CSS clearbutton component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/coachindicator
Description: The Spectrum CSS Coach Indicator component 
Author: Adobe
Latest version: 4.2.0

# @spectrum-css/coachindicator

> The Spectrum CSS Coach Indicator component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/coachmark
Description: The Spectrum CSS coachmark component
Author: Adobe
Latest version: 9.2.0

# @spectrum-css/coachmark

> The Spectrum CSS coachmark component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/colorarea
Description: The Spectrum CSS Color Area component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/colorarea

> The Spectrum CSS Color Area component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/colorhandle
Description: The Spectrum CSS Color Handle component
Author: Adobe
Latest version: 10.2.0

# @spectrum-css/colorhandle

> The Spectrum CSS Color Handle component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/colorloupe
Description: The Spectrum CSS Color Loupe component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/colorloupe

> The Spectrum CSS Color Loupe component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/colorslider
Description: The Spectrum CSS Color slider component
Author: Adobe
Latest version: 8.2.0

# @spectrum-css/colorslider

> The Spectrum CSS Color slider component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/colorwheel
Description: The Spectrum CSS Color Area component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/colorwheel

> The Spectrum CSS Color Wheel component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/combobox
Description: The Spectrum CSS combobox component
Author: Adobe
Latest version: 4.2.0

# @spectrum-css/combobox

> The Spectrum CSS combobox component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/commons
Description: Common mixins for Spectrum CSS components
Author: Adobe
Latest version: 11.1.0
Deprecated: These shared utilities will no longer be supported in the S2 version of Spectrum CSS

# @spectrum-css/commons

> Common mixins and variables for Spectrum CSS components

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/contextualhelp
Description: The Spectrum CSS contextualhelp component
Author: Adobe
Latest version: 5.2.0

# @spectrum-css/contextualhelp

> The Spectrum CSS Contextual Help component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/contextualhelp).
npm package: @spectrum-css/cyclebutton
Description: The Spectrum CSS cyclebutton component
Author: Adobe
Latest version: 3.1.3
Deprecated: Cycle button has been deprecated. Please use the quiet variant of action button with the appropriate icon(s) instead. Any icon swapping that happens on-click/on-key should be handled by the implementation.

# @spectrum-css/cyclebutton

> The Spectrum CSS cyclebutton component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/datepicker
Description: The Spectrum CSS datepicker component
Author: Adobe
Latest version: 4.2.0

# @spectrum-css/datepicker

> The Spectrum CSS datepicker component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/decoratedtextfield
Description: The Spectrum CSS decoratedtextfield component
Latest version: 3.0.0-beta.0
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/decoratedtextfield
> The Spectrum CSS decoratedtextfield component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/dialog
Description: The Spectrum CSS dialog component
Author: Adobe
Latest version: 12.2.0

# @spectrum-css/dialog

> The Spectrum CSS dialog component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/dietvars
Description: The Spectrum CSS diet vars package (a slightly changed subset of components).
Latest version: 1.1.0
Deprecated: This package has been deprecated and is no longer receiving updates.

# `@spectrum-css/dietvars`

The vars component contains all the variables that drive the presentation of a component. This is the diet version.

## CSS Usage

The files within the `css/` folder are unprocessed Spectrum  DNA output. These contain ALL variables with raw data for each. These should be used if variables are required at build time.

The files within the `dist/css/` folder contain processed DNA output, with references to only the DNA variables that change between color stops and scales. These should be if CSS custom properties are being used in-browser.

## Updating DNA tokens / variables from Spectrum DNA


Update the DNA version in `package.json`

`"@spectrum/spectrum-dna": "^x.y.z",`


In root directory:

```
yarn install 
yarn add -W -O @spectrum/spectrum-dna
```

Run the DNA update script:

```
cd components/vars
npm run update
```

Commit the new files with `git add .; git commit -m "feat: update DNA to x.y.z"` with x.y.z being the DNA version number matching the update in `package.json`.

### Potential error resolving solutions
Clean Lerna, remove node_modules and reinstall Yarn dependencies. 
```
npx lerna clean
rm -rf node_modules/
rm .yarnrc
yarn install 
```
npm package: @spectrum-css/divider
Description: The Spectrum CSS divider component
Author: Adobe
Latest version: 5.2.0

# @spectrum-css/divider

> The Spectrum CSS divider component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/dropdown
Description: The Spectrum CSS dropdown component
Latest version: 3.0.0-beta.3
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/dropdown
> The Spectrum CSS dropdown component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/dropindicator
Description: The Spectrum CSS dropindicator component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/dropindicator

> The Spectrum CSS dropindicator component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/dropzone
Description: The Spectrum CSS dropzone component
Author: Adobe
Latest version: 8.2.0

# @spectrum-css/dropzone

> The Spectrum CSS dropzone component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/expressvars
Description: The Spectrum CSS vars for Express package
Author: Adobe
Latest version: 3.0.9
Deprecated: This package has been deprecated and is no longer receiving updates. Please use the @spectrum-css/tokens package instead.

# `@spectrum-css/vars`

The vars component contains all the variables that drive the presentation of a component.

## CSS Usage

The files within the `css/` folder are unprocessed Spectrum DNA output. These contain ALL variables with raw data for each. These should be used if variables are required at build time.

The files within the `dist/css/` folder contain processed DNA output, with references to only the DNA variables that change between color stops and scales. These should be if CSS custom properties are being used in-browser.

## Updating DNA tokens / variables from Spectrum DNA

Update the DNA version in `package.json`

`"@spectrum/spectrum-dna": "^x.y.z",`

In root directory:

```
yarn install
yarn add -W -O @spectrum/spectrum-dna
```

Run the DNA update script:

```
cd components/vars
npm run update
```

Commit the new files with `git add .; git commit -m "feat: update DNA to x.y.z"` with x.y.z being the DNA version number matching the update in `package.json`.

### Potential error resolving solutions

Clean Lerna, remove node_modules and reinstall Yarn dependencies.

```
npx lerna clean
rm -rf node_modules/
rm .yarnrc
yarn install
```
npm package: @spectrum-css/fieldgroup
Description: The Spectrum CSS fieldgroup component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/fieldgroup

> The Spectrum CSS fieldgroup component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/fieldlabel
Description: The Spectrum CSS fieldlabel component
Author: Adobe
Latest version: 10.2.0

# @spectrum-css/fieldlabel

> The Spectrum CSS fieldlabel component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/floatingactionbutton
Description: The Spectrum CSS floatingactionbutton component
Author: Adobe
Latest version: 4.2.0

# @spectrum-css/floatingactionbutton

> The Spectrum CSS Floating action button component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/floatingactionbutton).
npm package: @spectrum-css/form
Description: The Spectrum CSS form component
Author: Adobe
Latest version: 1.2.0

# @spectrum-css/form

> The Spectrum CSS form component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/illustratedmessage
Description: The Spectrum CSS illustratedmessage component
Author: Adobe
Latest version: 9.2.0

# @spectrum-css/illustratedmessage

> The Spectrum CSS illustratedmessage component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/infieldprogresscircle
Description: The Spectrum CSS infieldprogresscircle component
Author: Adobe
Latest version: 1.0.0-next.1

# @spectrum-css/infieldprogresscircle

> The Spectrum CSS infield progress circle component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/inlinealert
Description: The Spectrum CSS in-line alert component
Author: Adobe
Latest version: 10.2.0

# @spectrum-css/inlinealert

> The Spectrum CSS in-line alert component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/inputgroup
Description: The Spectrum CSS inputgroup component
Author: Adobe
Latest version: 6.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# @spectrum-css/inputgroup
> The Spectrum CSS inputgroup component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/label
Description: The Spectrum CSS label component
Latest version: 2.0.10
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/label
> The Spectrum CSS label component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/legacy-global-dimensions
Description: Legacy global dimension previously included in Spectrum CSS
Author: Garth Braithwaite
Latest version: 1.0.0
Deprecated: This package has been deprecated and is no longer receiving updates.

# Legacy Global Dimensions

**These are deprecated CSS custom properties**. This package is provided as a stopgap solution to help projects migrating from older versions of Spectrum CSS that previously contained `--spectrum-global-dimension-size-*` custom properties.

These custom properties lack the semantic context describing how they should be used and are therefore harder to manage than more semantic custom properties like `--spectrum-spacing-*` or `--spectrum-component-height-*` depending on the use case. For any other require values or use cases, it is recommend individual products/project manage their own additional set of semantic values.
npm package: @spectrum-css/link
Description: The Spectrum CSS link component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/link

> The Spectrum CSS link component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/logicbutton
Description: The Spectrum CSS logicbutton component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/logicbutton

> The Spectrum CSS logicbutton component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/meter
Description: The Spectrum CSS meter component
Author: Adobe
Latest version: 1.2.0

# @spectrum-css/meter

> The Spectrum CSS meter component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/miller
Description: The Spectrum CSS miller component
Author: Adobe
Latest version: 8.2.0

# @spectrum-css/miller

> The Spectrum CSS miller component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/modal
Description: The Spectrum CSS modal component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/modal

> The Spectrum CSS modal component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/opacitycheckerboard
Description: The Spectrum CSS opacitycheckerboard component
Author: Adobe
Latest version: 4.2.0

# @spectrum-css/opacitycheckerboard

> Opacity checkerboard is a class used to highlight background color opacity.

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/opacitycheckerboard).
npm package: @spectrum-css/overlay
Description: Overlay mixin
Author: Adobe
Latest version: 4.0.2

# @spectrum-css/overlay

> Overlay mixin

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/page
Description: The Spectrum CSS page component
Author: Adobe
Latest version: 9.2.0

# @spectrum-css/page

> The Spectrum CSS page component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/pagination
Description: The Spectrum CSS Pagination component
Author: Adobe
Latest version: 10.2.0

# @spectrum-css/pagination

> The Spectrum CSS pagination component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/picker
Description: The Spectrum CSS picker component
Author: Adobe
Latest version: 9.2.0

# @spectrum-css/picker

> The Spectrum CSS picker component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/pickerbutton
Description: The Spectrum CSS picker button component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/pickerbutton

> The Spectrum CSS pickerbutton component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/popover
Description: The Spectrum CSS popover component
Author: Adobe
Latest version: 8.3.0

# @spectrum-css/popover

> The Spectrum CSS popover component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/progressbar
Description: The Spectrum CSS progress bar component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/progressbar

> The Spectrum CSS progressbar component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/progresscircle
Description: The Spectrum CSS progress circle component
Author: Adobe
Latest version: 5.2.0

# @spectrum-css/progresscircle

> The Spectrum CSS progresscircle component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/quickaction
Description: The Spectrum CSS quickaction component
Author: Adobe
Latest version: 3.1.1
Deprecated: Quick actions have been deprecated. Please use an Action bar to allow users to perform actions on either a single or multiple items at the same time, instead.

# @spectrum-css/quickaction

> The Spectrum CSS quickaction component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/radio
Description: The Spectrum CSS radio component
Author: Adobe
Latest version: 10.2.0

# @spectrum-css/radio

> The Spectrum CSS radio component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/rating
Description: The Spectrum CSS rating component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/rating

> The Spectrum CSS rating component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/rule
Description: The Spectrum CSS rule component
Latest version: 3.0.0-beta.3
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/rule
> The Spectrum CSS rule component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/search
Description: The Spectrum CSS search component
Author: Adobe
Latest version: 8.2.0

# @spectrum-css/search

> The Spectrum CSS search component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/searchwithin
Description: The Spectrum CSS searchwithin component
Author: Adobe
Latest version: 5.1.3
Deprecated: Search within has been deprecated. Please use a search field with a separate control to filter the search instead.

# @spectrum-css/searchwithin

> The Spectrum CSS searchwithin component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/sidenav
Description: The Spectrum CSS sidenav component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/sidenav

> The Spectrum CSS sidenav component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/site
Description: The Spectrum CSS Site component
Author: Adobe
Latest version: 5.1.3
Deprecated: This package has been deprecated and is not recommended for use.

# @spectrum-css/site

> The Spectrum CSS Site component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/slider
Description: The Spectrum CSS slider component
Author: Adobe
Latest version: 6.4.0

# @spectrum-css/slider

> The Spectrum CSS slider component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/spectrum-css-vr-test-assets-essential
Description: BackstopJS essential reference assets for spectrum-css
Author: jianliao
Latest version: 1.0.46
Deprecated: This package has been deprecated and is no longer receiving updates.

# Spectrum CSS Testing Asset

A repo to generate and store BackstopJS visual regression testing assets for [spectrum-css](https://github.com/adobe/spectrum-css).

## Prerequisites

1. Install docker from [here](https://hub.docker.com/search/?type=edition&offering=community&architecture=amd64).

2. Make sure Docker is running as below on MacOS. ![example](https://user-images.githubusercontent.com/447033/42773728-fef034f4-88e2-11e8-9956-d58a7d432402.png)

## Rebuild BackstopJS Bitmaps

Accepts two command line parameters

1. `--repo` to specify github repository url. Default value as https://github.com/adobe/spectrum-css.git
2. `--branch` to specify code branch that the test run against. Default value as `master`.

### Examples

#### Run test on branch `fix_button_margin` of default Spectrum-CSS repository

`./build.sh rebuild_reference --branch=fix_button_margin`

#### Run test on branch `feat_card` of repo - https://github.com/jianliao/spectrum-css.git

`./build.sh rebuild_reference --branch=feat_card --repo=https://github.com/jianliao/spectrum-css.git`

#### Run all the test scenarios on branch `master` of default Spectrum-CSS repository

All the test scenarios is about 2000+ and takes about 30 mins.

`./build.sh rebuild_all_reference`

## Review the result

Once rebuild_reference done, a browser window will be opened to show the result for you to review.

![result](https://camo.githubusercontent.com/5c25a01f68b8442311b94cb1a1a16add1fee665f/687474703a2f2f6761727269732e6769746875622e696f2f4261636b73746f704a532f6173736574732f6f7352656e646572446966666572656e63652e706e67)

## Update BackstopJS Bitmaps Reference

If all the failure scenarios are expected, run the following command to update the bitmaps reference in folder - `bitmaps_reference/`.

`./build.sh update_reference`

## Publish @adobe/spectrum-css-test-asset

1. Bump up the version number in package.json
2. Git push the change to the repository
3. Publish the new package by `npm publish`
npm package: @spectrum-css/splitview
Description: The Spectrum CSS splitview component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/splitview

> The Spectrum CSS splitview component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/statuslight
Description: The Spectrum CSS statuslight component
Author: Adobe
Latest version: 9.2.0

# @spectrum-css/statuslight

> The Spectrum CSS statuslight component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/steplist
Description: The Spectrum CSS steplist component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/steplist

> The Spectrum CSS steplist component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/stepper
Description: The Spectrum CSS stepper component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/stepper

> The Spectrum CSS stepper component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/switch
Description: The Spectrum CSS switch component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/switch

> The Spectrum CSS switch component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/table
Description: The Spectrum CSS table component
Author: Adobe
Latest version: 8.2.0

# @spectrum-css/table

> The Spectrum CSS table component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/tabs
Description: The Spectrum CSS tabs component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/tabs

> The Spectrum CSS tabs component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/tag
Description: The Spectrum CSS tags component
Author: Adobe
Latest version: 10.2.0

# @spectrum-css/tag

> The Spectrum CSS tags component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/taggroup
Description: The Spectrum CSS tag group component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/taggroup

> The Spectrum CSS tags component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/tags
Description: The Spectrum CSS tags component
Latest version: 3.0.3
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/tags
> The Spectrum CSS tags component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/textfield
Description: The Spectrum CSS textfield component
Author: Adobe
Latest version: 8.2.0

# @spectrum-css/textfield

> The Spectrum CSS textfield component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/thumbnail
Description: The Spectrum CSS thumbnail component
Author: Adobe
Latest version: 8.2.0

# @spectrum-css/thumbnail

> The Spectrum CSS thumbnail component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/toast
Description: The Spectrum CSS toast component
Author: Adobe
Latest version: 11.2.0

# @spectrum-css/toast

> The Spectrum CSS toast component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/toggle
Description: The Spectrum CSS toggle component
Latest version: 3.0.0-beta.2
Deprecated: This package has been deprecated and is no longer receiving updates.

# @spectrum-css/toggle
> The Spectrum CSS toggle component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/tooltip
Description: The Spectrum CSS tooltip component
Author: Adobe
Latest version: 7.2.0

# @spectrum-css/tooltip

> The Spectrum CSS tooltip component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/tray
Description: The Spectrum CSS tray component
Author: Adobe
Latest version: 5.2.0

# @spectrum-css/tray

> The Spectrum CSS tray component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/treeview
Description: The Spectrum CSS Tree view component
Author: Adobe
Latest version: 12.2.0

# @spectrum-css/treeview

> The Spectrum CSS treeview component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/typography
Description: The Spectrum CSS typography component
Author: Adobe
Latest version: 8.2.0

# @spectrum-css/typography

> The Spectrum CSS typography component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.
npm package: @spectrum-css/underlay
Description: The Spectrum CSS underlay component
Author: Adobe
Latest version: 6.2.0

# @spectrum-css/underlay

> The Spectrum CSS underlay component

This package is part of the [Spectrum CSS project](https://github.com/adobe/spectrum-css).

See the [Spectrum CSS documentation](https://opensource.adobe.com/spectrum-css/) and [Spectrum CSS on GitHub](https://github.com/adobe/spectrum-css) for details.