open-index/open-npm huggingface dataset:
npm package: @swc-uxp-wrappers/action-bar
Description: UXP wrapper of the @spectrum-web-components/action-bar component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/action-bar` package 
<br />

-   For detailed README regarding `@spectrum-web-components/action-bar` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/action-bar/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/action-bar` support in UXP through `@swc-uxp-wrappers/action-bar` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/action-bar
```

Import the side effectful registration of `<sp-action-bar>` via:

```
import '@swc-uxp-wrappers/action-bar/sp-action-bar.js';
```

When looking to leverage the `ActionBar` base class as a type and/or for extension purposes, do so via:

```
import { ActionBar } from '@swc-uxp-wrappers/action-bar';
```

<br />

## Example

---

<br />

```html
<sp-action-bar></sp-action-bar>
```
## Known issues
- Sticky variant is not supported
npm package: @swc-uxp-wrappers/action-button
Description: UXP wrapper of the @spectrum-web-components/action-button component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/action-button` package
<br />

-   For detailed README regarding `@spectrum-web-components/action-button` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/action-button/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/action-button` support in UXP through `@swc-uxp-wrappers/action-button` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/action-button
```

Import the side effectful registration of `<sp-action-button>` via:

```
import '@swc-uxp-wrappers/action-button/sp-action-button.js';
```

When looking to leverage the `ActionButton` base class as a type and/or for extension purposes, do so via:

```
import { ActionButton } from '@swc-uxp-wrappers/action-button';
```

<br />

## Example

---

<br />

```html
<sp-action-button></sp-action-button>
```
npm package: @swc-uxp-wrappers/action-group
Description: UXP wrapper of the @spectrum-web-components/action-group component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/action-group` package 
<br />

-   For detailed README regarding `@spectrum-web-components/action-group` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/action-group/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/action-group` support in UXP through `@swc-uxp-wrappers/action-group` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/action-group
```

Import the side effectful registration of `<sp-action-group>` via:

```
import '@swc-uxp-wrappers/action-group/sp-action-group.js';
```

When looking to leverage the `ActionGroup` base class as a type and/or for extension purposes, do so via:

```
import { ActionGroup } from '@swc-uxp-wrappers/action-group';
```

<br />

## Example

---

<br />

```html
<sp-action-group></sp-action-group>
```
npm package: @swc-uxp-wrappers/asset
Description: UXP wrapper of the @spectrum-web-components/asset component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/asset` package 
<br />

-   For detailed README regarding `@spectrum-web-components/asset` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/asset/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/asset` support in UXP through `@swc-uxp-wrappers/asset` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/asset
```

Import the side effectful registration of `<sp-asset>` via:

```
import '@swc-uxp-wrappers/asset/sp-asset.js';
```

When looking to leverage the `Asset` base class as a type and/or for extension purposes, do so via:

```
import { Asset } from '@swc-uxp-wrappers/asset';
```

<br />

## Example

---

<br />

```html
<sp-asset></sp-asset>
```
## Known Issues
- For variant file or folder, one needs to explicitly set height and/or width in the plugin
npm package: @swc-uxp-wrappers/avatar
Description: UXP wrapper of the @spectrum-web-components/avatar component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/avatar` package 
<br />

-   For detailed README regarding `@spectrum-web-components/avatar` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/avatar/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/avatar` support in UXP through `@swc-uxp-wrappers/avatar` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/avatar
```

Import the side effectful registration of `<sp-avatar>` via:

```
import '@swc-uxp-wrappers/avatar/sp-avatar.js';
```

When looking to leverage the `Avatar` base class as a type and/or for extension purposes, do so via:

```
import { Avatar } from '@swc-uxp-wrappers/avatar';
```

<br />

## Example

---

<br />

```html
<sp-avatar></sp-avatar>
```
npm package: @swc-uxp-wrappers/banner
Description: UXP wrapper of the @spectrum-web-components/banner component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/banner` package 
<br />

-   For detailed README regarding `@spectrum-web-components/banner` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/banner/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/banner` support in UXP through `@swc-uxp-wrappers/banner` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/banner
```

Import the side effectful registration of `<sp-banner>` via:

```
import '@swc-uxp-wrappers/banner/sp-banner.js';
```

When looking to leverage the `Banner` base class as a type and/or for extension purposes, do so via:

```
import { Banner } from '@swc-uxp-wrappers/banner';
```

<br />

## Example

---

<br />

```html
<sp-banner></sp-banner>
```
npm package: @swc-uxp-wrappers/button
Description: UXP wrapper of the @spectrum-web-components/button component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/button` package
<br />

-   For detailed README regarding `@spectrum-web-components/button` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/button/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/button` support in UXP through `@swc-uxp-wrappers/button` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/button
```

Import the side effectful registration of `<sp-button>` via:

```
import '@swc-uxp-wrappers/button/sp-button.js';
```

When looking to leverage the `Button` base class as a type and/or for extension purposes, do so via:

```
import { Button } from '@swc-uxp-wrappers/button';
```

<br />

## Example

---

<br />

```html
<sp-button></sp-button>
```
npm package: @swc-uxp-wrappers/button-group
Description: UXP wrapper of the @spectrum-web-components/button-group component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/button-group` package 
<br />

-   For detailed README regarding `@spectrum-web-components/button-group` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/button-group/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/button-group` support in UXP through `@swc-uxp-wrappers/button-group` [refer this link](https://wiki.corp.adobe.com/pages/viewpage.action?spaceKey=UXP&title=Support+for+Spectrum+Web+Components+in+UXP)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/button-group
```

Import the side effectful registration of `<sp-button-group>` via:

```
import '@swc-uxp-wrappers/button-group/sp-button-group.js';
```

When looking to leverage the `ButtonGroup` base class as a type and/or for extension purposes, do so via:

```
import { ButtonGroup } from '@swc-uxp-wrappers/button-group';
```

<br />

## Example

---

<br />

```html
<sp-button-group></sp-button-group>
```
npm package: @swc-uxp-wrappers/card
Description: UXP wrapper of the @spectrum-web-components/card component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/card` package 
<br />

-   For detailed README regarding `@spectrum-web-components/card` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/card/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/card` support in UXP through `@swc-uxp-wrappers/card` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/card
```

Import the side effectful registration of `<sp-card>` via:

```
import '@swc-uxp-wrappers/card/sp-card.js';
```

When looking to leverage the `Card` base class as a type and/or for extension purposes, do so via:

```
import { Card } from '@swc-uxp-wrappers/card';
```

<br />

## Example

---

<br />

```html
<sp-card></sp-card>
```
## Known Issues
- `Actions` variant is not supported
npm package: @swc-uxp-wrappers/checkbox
Description: UXP wrapper of the @spectrum-web-components/checkbox component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/checkbox` package
<br />

-   For detailed README regarding `@spectrum-web-components/checkbox` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/checkbox/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/checkbox` support in UXP through `@swc-uxp-wrappers/checkbox` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/checkbox
```

Import the side effectful registration of `<sp-checkbox>` via:

```
import '@swc-uxp-wrappers/checkbox/sp-checkbox.js';
```

When looking to leverage the `Checkbox` base class as a type and/or for extension purposes, do so via:

```
import { Checkbox } from '@swc-uxp-wrappers/checkbox';
```

<br />

## Example

---

<br />

```html
<sp-checkbox></sp-checkbox>
```
## Known Issues
- Tab navigation is not supported
npm package: @swc-uxp-wrappers/dialog
Description: UXP wrapper of the @spectrum-web-components/dialog component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/dialog` package 
<br />

-   For detailed README regarding `@spectrum-web-components/dialog` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/dialog/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/dialog` support in UXP through `@swc-uxp-wrappers/dialog` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/dialog
```

Import the side effectful registration of `<sp-dialog>` via:

```
import '@swc-uxp-wrappers/dialog/sp-dialog.js';
```

When looking to leverage the `Dialog` base class as a type and/or for extension purposes, do so via:

```
import { Dialog } from '@swc-uxp-wrappers/dialog';
```

<br />

## Example

---

<br />

```html
<sp-dialog></sp-dialog>
```
npm package: @swc-uxp-wrappers/divider
Description: UXP wrapper of the @spectrum-web-components/divider component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/divider` package 
<br />

-   For detailed README regarding `@spectrum-web-components/divider` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/divider/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/divider` support in UXP through `@swc-uxp-wrappers/divider` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/divider
```

Import the side effectful registration of `<sp-divider>` via:

```
import '@swc-uxp-wrappers/divider/sp-divider.js';
```

When looking to leverage the `Divider` base class as a type and/or for extension purposes, do so via:

```
import { Divider } from '@swc-uxp-wrappers/divider';
```

<br />

## Example

---

<br />

```html
<sp-divider></sp-divider>
```
npm package: @swc-uxp-wrappers/field-group
Description: UXP wrapper of the @spectrum-web-components/field-group component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/field-group` package 
<br />

-   For detailed README regarding `@spectrum-web-components/field-group` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/field-group/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/field-group` support in UXP through `@swc-uxp-wrappers/field-group` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/field-group
```

Import the side effectful registration of `<sp-field-group>` via:

```
import '@swc-uxp-wrappers/field-group/sp-field-group.js';
```

When looking to leverage the `FieldGroup` base class as a type and/or for extension purposes, do so via:

```
import { FieldGroup } from '@swc-uxp-wrappers/field-group';
```

<br />

## Example

---

<br />

```html
<sp-field-group></sp-field-group>
```
npm package: @swc-uxp-wrappers/field-label
Description: UXP wrapper of the @spectrum-web-components/field-label component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/field-label` package 
<br />

-   For detailed README regarding `@spectrum-web-components/field-label` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/field-label/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/field-label` support in UXP through `@swc-uxp-wrappers/field-label` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/field-label
```

Import the side effectful registration of `<sp-field-label>` via:

```
import '@swc-uxp-wrappers/field-label/sp-field-label.js';
```

When looking to leverage the `FieldLabel` base class as a type and/or for extension purposes, do so via:

```
import { FieldLabel } from '@swc-uxp-wrappers/field-label';
```

<br />

## Example

---

<br />

```html
<sp-field-label></sp-field-label>
```
npm package: @swc-uxp-wrappers/help-text
Description: UXP wrapper of the @spectrum-web-components/help-text component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/help-text` package 
<br />

-   For detailed README regarding `@spectrum-web-components/help-text` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/help-text/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/help-text` support in UXP through `@swc-uxp-wrappers/help-text` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/help-text
```

Import the side effectful registration of `<sp-help-text>` via:

```
import '@swc-uxp-wrappers/help-text/sp-help-text.js';
```

When looking to leverage the `HelpText` base class as a type and/or for extension purposes, do so via:

```
import { HelpText } from '@swc-uxp-wrappers/help-text';
```

<br />

## Example

---

<br />

```html
<sp-help-text></sp-help-text>
```
npm package: @swc-uxp-wrappers/illustrated-message
Description: UXP wrapper of the @spectrum-web-components/illustrated-message component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/illustrated-message` package 
<br />

-   For detailed README regarding `@spectrum-web-components/illustrated-message` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/illustrated-message/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/illustrated-message` support in UXP through `@swc-uxp-wrappers/illustrated-message` [refer this link](https://wiki.corp.adobe.com/pages/viewpage.action?spaceKey=UXP&title=Support+for+Spectrum+Web+Components+in+UXP)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/illustrated-message
```

Import the side effectful registration of `<sp-illustrated-message>` via:

```
import '@swc-uxp-wrappers/illustrated-message/sp-illustrated-message.js';
```

When looking to leverage the `IllustratedMessage` base class as a type and/or for extension purposes, do so via:

```
import { IllustratedMessage } from '@swc-uxp-wrappers/illustrated-message';
```

<br />

## Example

---

<br />

```html
<sp-illustrated-message></sp-illustrated-message>
```
npm package: @swc-uxp-wrappers/link
Description: UXP wrapper of the @spectrum-web-components/link component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/link` package 
<br />

-   For detailed README regarding `@spectrum-web-components/link` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/link/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/link` support in UXP through `@swc-uxp-wrappers/link` [refer this link](https://wiki.corp.adobe.com/pages/viewpage.action?spaceKey=UXP&title=Support+for+Spectrum+Web+Components+in+UXP)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/link
```

Import the side effectful registration of `<sp-link>` via:

```
import '@swc-uxp-wrappers/link/sp-link.js';
```

When looking to leverage the `Link` base class as a type and/or for extension purposes, do so via:

```
import { Link } from '@swc-uxp-wrappers/link';
```

<br />

## Example

---

<br />

```html
<sp-link></sp-link>
```
## Known Issues
- The double underline does not appear on hyperlinks on tabbing in Windows.
npm package: @swc-uxp-wrappers/menu
Description: UXP wrapper of the @spectrum-web-components/menu component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/menu` package 
<br />

-   For detailed README regarding `@spectrum-web-components/menu` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/menu/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/menu` support in UXP through `@swc-uxp-wrappers/menu` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/menu
```

Import the side effectful registration of `<sp-menu>` via:

```
import '@swc-uxp-wrappers/menu/sp-menu.js';
```

When looking to leverage the `Menu` base class as a type and/or for extension purposes, do so via:

```
import { Menu } from '@swc-uxp-wrappers/menu';
```

<br />

## Example

---

<br />

```html
<sp-menu></sp-menu>
```

## Known Issues
- Multi select variant does not work
- Submenu is not supported
- Performance issue observed when one clicks multiple times on a menu item
npm package: @swc-uxp-wrappers/meter
Description: UXP wrapper of the @spectrum-web-components/meter component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/meter` package 
<br />

-   For detailed README regarding `@spectrum-web-components/meter` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/meter/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/meter` support in UXP through `@swc-uxp-wrappers/meter` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/meter
```

Import the side effectful registration of `<sp-meter>` via:

```
import '@swc-uxp-wrappers/meter/sp-meter.js';
```

When looking to leverage the `Meter` base class as a type and/or for extension purposes, do so via:

```
import { Meter } from '@swc-uxp-wrappers/meter';
```

<br />

## Example

---

<br />

```html
<sp-meter></sp-meter>
```

## Known Issues
- Duplicate content appears in this way of usage `<sp-meter>Task Status</sp-meter>`, known SWC library issue. 
    - Workaround : use `<sp-meter label="Task Status"></sp-meter>`
npm package: @swc-uxp-wrappers/number-field
Description: UXP wrapper of the @spectrum-web-components/number-field component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/number-field` package 
<br />

-   For detailed README regarding `@spectrum-web-components/number-field` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/number-field/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/number-field` support in UXP through `@swc-uxp-wrappers/number-field` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/number-field
```

Import the side effectful registration of `<sp-number-field>` via:

```
import '@swc-uxp-wrappers/number-field/sp-number-field.js';
```

When looking to leverage the `NumberField` base class as a type and/or for extension purposes, do so via:

```
import { NumberField } from '@swc-uxp-wrappers/number-field';
```

<br />

## Example

---

<br />

```html
<sp-number-field></sp-number-field>
```

## Known Issues
- Quiet and Readonly variant has black background for Windows
- Stepper icons are trimmed with quiet variant in React context
- On inserting an alphabet in the number field, the cursor moves from the defined place.
- Font does not adapt to the T-shirt sizing due to limitation of PS/DVA platform
npm package: @swc-uxp-wrappers/overlay
Description: UXP wrapper of the @spectrum-web-components/overlay component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/overlay` package 
<br />

-   For detailed README regarding `@spectrum-web-components/overlay` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/overlay/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/overlay` support in UXP through `@swc-uxp-wrappers/overlay` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/overlay
```

Import the side effectful registration of `<sp-overlay>` via:

```
import '@swc-uxp-wrappers/overlay/sp-overlay.js';
```

When looking to leverage the `Overlay` base class as a type and/or for extension purposes, do so via:

```
import { Overlay } from '@swc-uxp-wrappers/overlay';
```

<br />

## Example

---

<br />

```html
<sp-overlay></sp-overlay>
```
## Known Issues
- Styling of popover and tip rendered is incorrect  when used inside overlay
- Nested overlay is not supported
- The toast dissapears when hovered on it inside overlay
- Longpress attribute does not work with keyboard press event
npm package: @swc-uxp-wrappers/picker-button
Description: UXP wrapper of the @spectrum-web-components/picker-button component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/picker-button` package 
<br />

-   For detailed README regarding `@spectrum-web-components/picker-button` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/picker-button/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/picker-button` support in UXP through `@swc-uxp-wrappers/picker-button` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/picker-button
```

Import the side effectful registration of `<sp-picker-button>` via:

```
import '@swc-uxp-wrappers/picker-button/sp-picker-button.js';
```

When looking to leverage the `PickerButton` base class as a type and/or for extension purposes, do so via:

```
import { PickerButton } from '@swc-uxp-wrappers/picker-button';
```

<br />

## Example

---

<br />

```html
<sp-picker-button></sp-picker-button>
```
npm package: @swc-uxp-wrappers/popover
Description: UXP wrapper of the @spectrum-web-components/popover component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/popover` package 
<br />

-   For detailed README regarding `@spectrum-web-components/popover` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/popover/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/popover` support in UXP through `@swc-uxp-wrappers/popover` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/popover
```

Import the side effectful registration of `<sp-popover>` via:

```
import '@swc-uxp-wrappers/popover/sp-popover.js';
```

When looking to leverage the `Popover` base class as a type and/or for extension purposes, do so via:

```
import { Popover } from '@swc-uxp-wrappers/popover';
```

<br />

## Example

---

<br />

```html
<sp-popover></sp-popover>
```
npm package: @swc-uxp-wrappers/quick-actions
Description: UXP wrapper of the @spectrum-web-components/quick-actions component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/quick-actions` package 
<br />

-   For detailed README regarding `@spectrum-web-components/quick-actions` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/quick-actions/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/quick-actions` support in UXP through `@swc-uxp-wrappers/quick-actions` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/quick-actions
```

Import the side effectful registration of `<sp-quick-actions>` via:

```
import '@swc-uxp-wrappers/quick-actions/sp-quick-actions.js';
```

When looking to leverage the `QuickActions` base class as a type and/or for extension purposes, do so via:

```
import { QuickActions } from '@swc-uxp-wrappers/quick-actions';
```

<br />

## Example

---

<br />

```html
<sp-quick-actions></sp-quick-actions>
```
npm package: @swc-uxp-wrappers/radio
Description: UXP wrapper of the @spectrum-web-components/radio component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/radio` package 
<br />

-   For detailed README regarding `@spectrum-web-components/radio` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/radio/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/radio` support in UXP through `@swc-uxp-wrappers/radio` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/radio
```

Import the side effectful registration of `<sp-radio>` via:

```
import '@swc-uxp-wrappers/radio/sp-radio.js';
```

When looking to leverage the `Radio` base class as a type and/or for extension purposes, do so via:

```
import { Radio } from '@swc-uxp-wrappers/radio';
```

<br />

## Example

---

<br />

```html
<sp-radio></sp-radio>
```
npm package: @swc-uxp-wrappers/search
Description: UXP wrapper of the @spectrum-web-components/search component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/search` package 
<br />

-   For detailed README regarding `@spectrum-web-components/search` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/search/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/search` support in UXP through `@swc-uxp-wrappers/search` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/search
```

Import the side effectful registration of `<sp-search>` via:

```
import '@swc-uxp-wrappers/search/sp-search.js';
```

When looking to leverage the `Search` base class as a type and/or for extension purposes, do so via:

```
import { Search } from '@swc-uxp-wrappers/search';
```

<br />

## Example

---

<br />

```html
<sp-search></sp-search>
```

## Known Issues
- Black background appears for quiet and readonly variant in windows
- Close button does not respond on Mac platform
- Placeholder text is not greyed with `disable` attribute
- Focus ring is not curved on the corners
- Font does not adapt to the T-shirt sizing due to limitation of PS/DVA platform
npm package: @swc-uxp-wrappers/sidenav
Description: UXP wrapper of the @spectrum-web-components/sidenav component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/sidenav` package 
<br />

-   For detailed README regarding `@spectrum-web-components/sidenav` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/sidenav/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/sidenav` support in UXP through `@swc-uxp-wrappers/sidenav` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/sidenav
```

Import the side effectful registration of `<sp-sidenav>` via:

```
import '@swc-uxp-wrappers/sidenav/sp-sidenav.js';
```

When looking to leverage the `Sidenav` base class as a type and/or for extension purposes, do so via:

```
import { Sidenav } from '@swc-uxp-wrappers/sidenav';
```

<br />

## Example

---

<br />

```html
<sp-sidenav></sp-sidenav>
```

## Known Issues
- Tab navigation happens with tab key and not arrow keys
- `manageTabIndex` attribute is not supported
npm package: @swc-uxp-wrappers/swatch
Description: UXP wrapper of the @spectrum-web-components/swatch component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/swatch` package 
<br />

-   For detailed README regarding `@spectrum-web-components/swatch` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/swatch/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/swatch` support in UXP through `@swc-uxp-wrappers/swatch` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/swatch
```

Import the side effectful registration of `<sp-swatch>` via:

```
import '@swc-uxp-wrappers/swatch/sp-swatch.js';
```

When looking to leverage the `Swatch` base class as a type and/or for extension purposes, do so via:

```
import { Swatch } from '@swc-uxp-wrappers/swatch';
```

<br />

## Example

---

<br />

```html
<sp-swatch></sp-swatch>
```
npm package: @swc-uxp-wrappers/switch
Description: UXP wrapper of the @spectrum-web-components/switch component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/switch` package 
<br />

-   For detailed README regarding `@spectrum-web-components/switch` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/switch/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/switch` support in UXP through `@swc-uxp-wrappers/switch` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/switch
```

Import the side effectful registration of `<sp-switch>` via:

```
import '@swc-uxp-wrappers/switch/sp-switch.js';
```

When looking to leverage the `Switch` base class as a type and/or for extension purposes, do so via:

```
import { Switch } from '@swc-uxp-wrappers/switch';
```

<br />

## Example

---

<br />

```html
<sp-switch></sp-switch>
```

## Known Issues
- Tab navigation does not work
- Line break is seen when switch is used for `scale=large`
npm package: @swc-uxp-wrappers/table
Description: UXP wrapper of the @spectrum-web-components/table component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/table` package 
<br />

-   For detailed README regarding `@spectrum-web-components/table` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/table/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/table` support in UXP through `@swc-uxp-wrappers/table` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/table
```

Import the side effectful registration of `<sp-table>` via:

```
import '@swc-uxp-wrappers/table/sp-table.js';
```

When looking to leverage the `Table` base class as a type and/or for extension purposes, do so via:

```
import { Table } from '@swc-uxp-wrappers/table';
```

<br />

## Example

---

<br />

```html
<sp-table></sp-table>
```
## Known Issues
- Virtualised table does not work
- Selects attribute does not work
npm package: @swc-uxp-wrappers/tags
Description: UXP wrapper of the @spectrum-web-components/tags component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/tags` package 
<br />

-   For detailed README regarding `@spectrum-web-components/tags` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/tags/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/tags` support in UXP through `@swc-uxp-wrappers/tags` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/tags
```

Import the side effectful registration of `<sp-tags>` via:

```
import '@swc-uxp-wrappers/tags/sp-tags.js';
```

When looking to leverage the `Tags` base class as a type and/or for extension purposes, do so via:

```
import { Tags } from '@swc-uxp-wrappers/tags';
```

<br />

## Example

---

<br />

```html
<sp-tags></sp-tags>
```
## Known Issues
- Avatar do not get greyscaled with disabled attribute
npm package: @swc-uxp-wrappers/textfield
Description: UXP wrapper of the @spectrum-web-components/textfield component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/textfield` package 
<br />

-   For detailed README regarding `@spectrum-web-components/textfield` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/textfield/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/textfield` support in UXP through `@swc-uxp-wrappers/textfield` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/textfield
```

Import the side effectful registration of `<sp-textfield>` via:

```
import '@swc-uxp-wrappers/textfield/sp-textfield.js';
```

When looking to leverage the `Textfield` base class as a type and/or for extension purposes, do so via:

```
import { Textfield } from '@swc-uxp-wrappers/textfield';
```

<br />

## Example

---

<br />

```html
<sp-textfield></sp-textfield>
```
## Known Issues
- Focus ring is not curved on the corners
- On enabling `grows`, `quiet` and `disbaled`, the text is distorted
- On enabling `grows` attribute on windows, the component layout filckers while typing.
- Font does not adapt to the T-shirt sizing due to limitation of PS/DVA platform
- Black background appears for quiet and readonly variant in windows
- For multiline variant, text value blinks on hovering on windows
- In windows, after typing text with symbols example `abcdss, efgh@ssss` and on pressing enter results in some text value getting missed on the left side
- Tab navigation has issues with `type=password`
npm package: @swc-uxp-wrappers/toast
Description: UXP wrapper of the @spectrum-web-components/toast component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/toast` package 
<br />

-   For detailed README regarding `@spectrum-web-components/toast` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/toast/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/toast` support in UXP through `@swc-uxp-wrappers/toast` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/toast
```

Import the side effectful registration of `<sp-toast>` via:

```
import '@swc-uxp-wrappers/toast/sp-toast.js';
```

When looking to leverage the `Toast` base class as a type and/or for extension purposes, do so via:

```
import { Toast } from '@swc-uxp-wrappers/toast';
```

<br />

## Example

---

<br />

```html
<sp-toast></sp-toast>
```
npm package: @swc-uxp-wrappers/tooltip
Description: UXP wrapper of the @spectrum-web-components/tooltip component
Author: Adobe Inc
Latest version: 2.0.0

## Description

---

<br />
This is UXP wrapper for `@spectrum-web-components/tooltip` package 
<br />

-   For detailed README regarding `@spectrum-web-components/tooltip` [refer this link](https://www.npmjs.com/package/@spectrum-web-components/tooltip/v/0.37.0)

-   Detailed specification regarding `@spectrum-web-components/tooltip` support in UXP through `@swc-uxp-wrappers/tooltip` [refer this link](https://developer.adobe.com/photoshop/uxp/2022/uxp-api/reference-spectrum/swc/)

## Usage

---

<br />

```
yarn add @swc-uxp-wrappers/tooltip
```

Import the side effectful registration of `<sp-tooltip>` via:

```
import '@swc-uxp-wrappers/tooltip/sp-tooltip.js';
```

When looking to leverage the `Tooltip` base class as a type and/or for extension purposes, do so via:

```
import { Tooltip } from '@swc-uxp-wrappers/tooltip';
```

<br />

## Example

---

<br />

```html
<sp-tooltip></sp-tooltip>
```
npm package: @swc-uxp-wrappers/utils
Description: Utils to ease integration of spectrum web components in UXP
Author: Adobe Inc
Latest version: 2.0.1

## Description

This package, `@swc-uxp-wrappers/utils` is an utils to ease integration of spectrum web components in UXP

### Usage

```
yarn add @swc-uxp-wrappers/utils
```

```
import { aliases } from '@swc-uxp-wrappers/utils'
```