Adobe, Inc.

Internationalized calendar, date, and time manipulation utilities

Cloud Manager commands for the Adobe I/O CLI

Create, Build and Deploy Adobe I/O Applications

Adobe Experience Platform support for React Native apps.

Adobe I/O Runtime commands for the Adobe I/O CLI

Console plugin for the Adobe I/O CLI

Config Plugin for the Adobe I/O CLI

Discover, Install, Uninstall, Submit, and Remove Adobe App Builder templates

Adobe I/O Events Plugin for the Adobe I/O CLI

The IMS plugin to aio supports managing tokens for IMS such as login, logout, and retrieving and using tokens.

Generate and validate private certificates, and public key pairs for use with Adobe IO Console

Analyze HTML content visibility for AI crawlers and citations - compare static HTML vs fully rendered content

Adobe I/O CLI plugin to display dev environment version information

Adobe Developer cli telemetry

run a localhost dev server to serve actions locally

[](https://npmjs.org/package/@adobe/asset-compute-devtool) [](http://www.apache.org/licenses/LICENSE-2.0) <!-- [!

Shared modules of the Spacecat Services - GPT Client

An abstraction on top of blob cloud storage exposing a file like API

Adobe Experience Platform support for React Native apps.

Adobe Experience Platform Identity for Edge Network extension for Adobe Experience Platform Mobile SDK. Written and maintained by Adobe.

Adobe Experience Platform Edge Network extension for Adobe Experience Platform Mobile SDK. Written and maintained by Adobe.

Adobe Experience Platform Consent Collection extension for AEP Mobile SDK. Written and maintained by Adobe.

Adobe Experience Platform Edge Bridge extension for AEP Mobile SDK. Written and maintained by Adobe.

A set of utilities to build HTTP/API clients for I/O Events and Adobe Commerce

Configuration management utilities for Adobe Commerce apps deployed in Adobe App Builder

Blob storage library for Asset Catalog

Wrapper for using Algolia Search Index JS API

Analytics libraries for Adobe Creative Cloud Web Add-on.

Shared modules of the Helix Project - storage

Shared modules of the Helix Project - S3/R2 storage backend for @adobe/helix-shared-storage

Shared modules of the Helix Project - Azure Blob Storage backend for @adobe/helix-shared-storage

Spectrum UI components in React

Testing utils for react-aria patterns

Spectrum 2 UI AI components in React

A library of styleable components built using React Aria

Internationalized number formatting and parsing utilities

This package is part of [react-spectrum](https://github.com/adobe/react-spectrum). See the repo for more details.

Spectrum UI components in React

Spectrum UI components in React

Spectrum UI components in React

Spectrum UI components in React

Spectrum UI components in React

Spectrum UI components in React

Shared modules of the Spacecat Services - Scrape Client

Shared modules of the Spacecat Services - HTTP Utils

Shared modules of the Spacecat Services - utils

Shared modules of the Spacecat Services - Slack Client

The Spectrum CSS tokens package

Design tokens for Spectrum, Adobe's design system

WebAssembly bindings for design-data-core — query, validate, resolve, diff, and registry helpers for Spectrum design tokens

An `<sp-progress-circle>` shows the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. It can represent both determinate and indeterminate progress, helping users understand the status of ongoing operations

An `<sp-progress-bar>` is used to visually show the progression of a system operation such as downloading, uploading, processing, etc. By default, progress bars have a blue fill that shows the progress.

Abstract base classes for Spectrum Web Components

The `opacity-checkerboard` class provides a CSS utility that displays a checkerboard pattern background, commonly used to highlight transparent or semi-transparent areas in UI components. This visual indicator helps users distinguish between transparent a

ReactiveControllers for powering common UI patterns

`<sp-icon>` renders an icon to the page. By default the `name` attribute will pair with separately registered icon sets to deliver the icons. When not present, `<sp-icon>` will subsequently check for its `src` attribute which could populate the icon via a

The `@spectrum-web-components/shared` package provides essential base classes, mixins, and utilities that support developing Spectrum Web Components. This package contains foundational tools for focus management, slot observation, accessibility enhancemen

Deliver [Spectrum UI Icons](https://spectrum.adobe.com/page/icons/) as either:

Spectrum Web Components are a [`LitElement`](https://lit-element.polymer-project.org)-powered web component library implementing Adobe's Spectrum design system. This package defines the CSS custom properties that implement design tokens from [Spectrum Tok

The `SpectrumElement` base class as created by mixing `SpectrumMixin` onto `LitElement` provides text direction support via the CSS `:dir()` pseudo-class, which automatically inherits directionality from the DOM hierarchy. In a TypeScript context, it also

An `<sp-menu>` is used for creating a menu list. The various elements inside a menu are given as [`<sp-menu-group>`](../menu-group), [`<sp-menu-item>`](../menu-item), or `<sp-menu-divider>`. Often a `<sp-menu>` element will appear in a [`<sp-popover>`](..

An `<sp-action-button>` represents an action a user can take.

Extend either the `Iconset` or `IconsetSVG` exports of this package to supply your application with a custom icon set to power the use of `<sp-icon>` elements throughout. Give your new icon set a custom name, and you'll be ready to supply them as `<sp-ico

An `<sp-button>` represents an action a user can take. sp-buttons can be clicked or tapped to perform an action or to navigate to another page. Buttons in Spectrum have several variations for different uses and multiple levels of loudness for various atte

`<sp-theme>` provides Spectrum design tokens (CSS custom properties) to everything in its DOM scope. Components inside a theme use these tokens to render correctly. The element itself does not visually “apply” styles to your app; it exposes the tokens so

An `<sp-picker>` is an alternative to HTML's `<select>` element. Use [`<sp-menu-item>`](../menu-item) elements to outline the options that will be made available to the user when interacting with the `<sp-picker>` element.

`sp-textfield` components are text boxes that allow users to input custom text entries with a keyboard. Various decorations can be displayed around the field to communicate the entry requirements.

An `<sp-popover>` is used to display transient content (menus, options, additional actions etc.) and appears when clicking/tapping on a source (tools, buttons, etc.) It stands out via its visual style (stroke and drop shadow) and floats on top of the rest

The `<sp-tabs>` displays a list of `<sp-tab>` element children as `role="tablist"`. An `<sp-tab>` element is associated with a sibling `<sp-tab-panel>` element via their `value` attribute. When an `<sp-tab>` element is `selected`, the associated `<sp-tab-

The `<sp-search>` element is used for searching and filtering items.

An `<sp-overlay>` element is used to decorate content that you would like to present to your visitors as "overlaid" on the rest of the application. This includes dialogs (modal and not), pickers, tooltips, context menus, et al.

An `<sp-action-menu>` is an action button that triggers an overlay with `<sp-menu-items>` for activation. Use an `<sp-menu>` element to outline the items that will be made available to the user when interacting with the `<sp-action-menu>` element. By defa

Web component implementation of a Spectrum design HelpText

`<sp-tooltip>` allow users to get contextual help or information about specific components when hovering or focusing on them.

An `<sp-field-label>` provides accessible labelling for form elements. Use the `for` attribute to outline the `id` of an element in the same DOM tree to which it should associate itself. Field labels give context to information that a user needs to input

The `<sp-accordion>` element contains a list of items that can be expanded or collapsed to reveal additional content or information associated with each item. There can be zero expanded items, exactly one expanded item, or more than one item expanded at a

`<sp-toast>` elements display brief, temporary notifications. They are noticeable but do not disrupt the user experience and do not require an action to be taken.

An `<sp-underlay>` provides a visual layer between overlay content and the rest of your application. It is commonly used with modal dialogs and other overlay elements to create a visual separation and prevent interaction with the background content while

`<sp-slider>` allows users to quickly select a value within a range. They should be used when the upper and lower bounds of the range are invariable.

Web component implementation of a Spectrum design Tray

`sp-divider` brings clarity to a layout by grouping and dividing content that exists in close proximity. It can also be used to establish rhythm and hierarchy.

Side navigation allows users to locate information and features within the UI. It can be used for either hierarchical or flat navigation, and gives the ability to group navigable items categorically. Side navigation is an opportunity to prioritize content

`<sp-checkbox>` allow users to select multiple items from a list of independent options, or to mark an individual option as selected.

Web component implementation of a Spectrum design NumberField

Web component implementation of a Spectrum design AlertDialog

`sp-action-group` delivers a set of action buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons. The `compact` attribute merges these buttons so that they are visually joined to clarify their relations

An `<sp-link>` allows users to navigate to a different location. They can be presented in-line inside a paragraph or as a standalone text.

An `<sp-meter>` is a visual representation of a quantity or achievement. The meter's progress is determined by user actions, rather than system actions.

`sp-dialog` displays important information that users need to acknowledge. They appear over the interface and block further interactions. When used directly the `sp-dialog` element surfaces a `slot` based API for deep customization of the content to be in

A `<sp-dropzone>` is an area on the screen into which an object can be dragged and dropped to accomplish a task. For example, a drop zone might be used in an upload workflow to enable the user to drop a file from their operating system into the drop zone,

Web component implementation of a Spectrum design InfieldButton

Use an `<sp-asset>` element to visually represent a file, folder or image in your application. File and folder representations will center themselves horizontally and vertically in the space provided to the element. Images will be contained to the element

The `<sp-color-handle>` is used to select a color on an `<sp-color-area>`, `<sp-color-slider>`, or `<sp-color-wheel>`. It provides a draggable control point for precise color selection within color components.

`sp-button-group` delivers a set of buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons.

`<sp-radio>` and [`<sp-radio-group>`](../radio-group) allow users to select a single option from a list of mutually exclusive options. All possible options are exposed up front for users to compare.

Shadow DOM support for the simple and complete DOM testing utilities that encourage good testing practices you've come to know and love from Dom Testing Library.

The `<sp-icons-medium>` and `<sp-icons-large>` elements included in this package supply your application with the Spectrum CSS medium and large icons for use in the `<sp-icon>` element. Include at least one of these elements in a project that makes use of

Web component implementation of a Spectrum design Badge