@spectrum-web-components/bundle NPM | npm.io

0.42.2 • Published 24 days ago

Install

Weekly downloads

99

License

Apache-2.0

Repository

Last release

24 days ago

Description

@spectrum-web-components/bundle is a master dependency that allows a project to import any and all of the Spectrum Web Components. While it is a great approach to prototyping, the fact that is versions all of the Spectrum Web Components packages collectively means that depending on it can leave you with a lot of package updates to manage at any one version change. For a more predictable upgrade process we suggest that you depend upon individual packages directly, but hope you find this bundle productive when initially trying to get into the act of developing with Spectrum Web Components!

Usage

yarn add @spectrum-web-components/bundle

Import the side effectful registrations of the bundled components:

import '@spectrum-web-components/bundle/elements.js';

When looking to leverage their base classes as a type and/or for extension purposes, do so via something like the following for the ActionButton base class:

import { ActionButton } from '@spectrum-web-components/bundle';

Icons

While this bundle directly re-exports the majority of functionality as they would be exported from their own packages, icon packages that export template literals are handled a little different. Due to the large number of exports that they feature, each of these packages are namespaced when included in the bundle.

UI

@spectrum-web-components/icons-ui is renamed to UIIcons when leveraging the bundle. This means that you can use workflow icons in your demonstration code by importing them from @spectrum-web-components/bundle/icons.js like the following:

import { UIIcons } from '@spectrum-web-components/bundle/icons.js';

console.log(UIIcons.AsteriskIcon());

/***
TemplateResult {strings: Array[1], values: Array[0], type: "html", processor: DefaultTemplateProcessor, constructor: Object}
***/

Workflow

@spectrum-web-components/icons-workflow is namespaced to WorkflowIcons when leveraging the bundle. This means that you can use workflow icons in your demonstration code by importing them from @spectrum-web-components/bundle/icons.js like the following:

import { IconsWorkflow } from '@spectrum-web-components/bundle/icons.js';

console.log(IconsWorkflow.CircleIcon());

/***
TemplateResult {strings: Array[1], values: Array[0], type: "html", processor: DefaultTemplateProcessor, constructor: Object}
***/

spectrum css web components lit-element lit-html

@spectrum-web-components/accordion @spectrum-web-components/action-bar @spectrum-web-components/action-button @spectrum-web-components/action-group @spectrum-web-components/action-menu @spectrum-web-components/asset @spectrum-web-components/avatar @spectrum-web-components/badge @spectrum-web-components/banner @spectrum-web-components/base @spectrum-web-components/button @spectrum-web-components/button-group @spectrum-web-components/card @spectrum-web-components/checkbox @spectrum-web-components/clear-button @spectrum-web-components/close-button @spectrum-web-components/coachmark @spectrum-web-components/color-area @spectrum-web-components/color-field @spectrum-web-components/color-handle @spectrum-web-components/color-loupe @spectrum-web-components/color-slider @spectrum-web-components/color-wheel @spectrum-web-components/combobox @spectrum-web-components/dialog @spectrum-web-components/divider @spectrum-web-components/dropzone @spectrum-web-components/field-group @spectrum-web-components/field-label @spectrum-web-components/grid @spectrum-web-components/help-text @spectrum-web-components/icon @spectrum-web-components/icons @spectrum-web-components/icons-ui @spectrum-web-components/icons-workflow @spectrum-web-components/iconset @spectrum-web-components/illustrated-message @spectrum-web-components/infield-button @spectrum-web-components/link @spectrum-web-components/menu @spectrum-web-components/meter @spectrum-web-components/modal @spectrum-web-components/number-field @spectrum-web-components/overlay @spectrum-web-components/picker @spectrum-web-components/picker-button @spectrum-web-components/popover @spectrum-web-components/progress-bar @spectrum-web-components/progress-circle @spectrum-web-components/quick-actions @spectrum-web-components/radio @spectrum-web-components/reactive-controllers @spectrum-web-components/search @spectrum-web-components/shared @spectrum-web-components/sidenav @spectrum-web-components/slider @spectrum-web-components/split-button @spectrum-web-components/split-view @spectrum-web-components/status-light @spectrum-web-components/styles @spectrum-web-components/swatch @spectrum-web-components/switch @spectrum-web-components/table @spectrum-web-components/tabs @spectrum-web-components/tags @spectrum-web-components/textfield @spectrum-web-components/theme @spectrum-web-components/thumbnail @spectrum-web-components/toast @spectrum-web-components/tooltip @spectrum-web-components/top-nav @spectrum-web-components/tray @spectrum-web-components/truncated @spectrum-web-components/underlay

@zindex/expressive-animator @infinitebrahmanuniverse/nolb-_spe @everything-registry/sub-chunk-857 @uvalib/barcode-fill-hold @uvalib/uvalib-catalog-light @uvalib/uvalib-catalog-lite @gallop/real @nylas/web-elements

24 days ago

25 days ago

1 month ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

4 months ago

4 months ago

5 months ago

9 months ago

9 months ago

9 months ago

8 months ago

9 months ago

9 months ago

9 months ago

7 months ago

7 months ago

6 months ago

6 months ago

7 months ago

8 months ago

5 months ago

8 months ago

10 months ago

10 months ago

9 months ago

0.33.3-overlay.66

10 months ago

0.33.3-overlay.61

10 months ago

11 months ago

12 months ago

12 months ago

11 months ago

11 months ago

11 months ago

12 months ago

0.33.1-overlay.41

11 months ago

0.32.1-overlay.33

11 months ago

0.32.1-overlay.41

11 months ago

12 months ago

0.31.1-overlay.29

12 months ago

0.31.1-react.21

11 months ago

0.30.1-overlay.30

12 months ago

0.30.1-overlay.31

12 months ago

0.30.1-overlay.38

12 months ago

0.30.1-overlay.37

12 months ago

0.30.1-overlay.41

12 months ago

0.30.1-overlay.42

12 months ago

0.30.1-overlay.40

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

0.29.4-overlay.8

1 year ago

0.29.4-overlay.9

1 year ago

0.29.4-overlay.7

1 year ago

0.29.6-overlay.15

1 year ago

0.29.6-overlay.13

1 year ago

0.29.6-overlay.14

1 year ago

0.29.6-overlay.17

1 year ago

0.29.6-overlay.18

1 year ago

0.29.6-overlay.11

1 year ago

0.29.6-overlay.12

1 year ago

0.29.6-overlay.10

1 year ago

0.29.4-overlay.22

1 year ago

0.28.8-react.75

1 year ago

1 year ago

1 year ago

0.29.2-overlay.0

1 year ago

1 year ago

1 year ago

0.28.8-react.48

1 year ago

0.28.8-react.49

1 year ago

0.28.8-react.50

1 year ago

0.28.6-style.28

1 year ago

0.28.5-react.54

1 year ago

0.28.7-overlay.20

1 year ago

1 year ago

1 year ago

1 year ago

0.28.7-overlay-warning.20

1 year ago

0.28.7-overlay-warning.19

1 year ago

0.28.6-styles.28

1 year ago

0.28.8-react.32

1 year ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

0.26.3-table.32

2 years ago

0.26.2-devmode.0

2 years ago

0.26.3-devmode.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.26.4-devmode.0

2 years ago

0.25.1-table.66

2 years ago

2 years ago

0.26.3-table.17

2 years ago

0.25.1-table.50

2 years ago

0.26.4-devmode2.0

2 years ago

0.27.0-devmode.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.24.11-express.0

2 years ago

2 years ago

2 years ago

0.24.10-slim.10

2 years ago

0.24.10-express.6

2 years ago

0.24.8-express.0

2 years ago

2 years ago

2 years ago

2 years ago

0.24.2-express.0

2 years ago

0.24.4-express.10

2 years ago

0.24.7-express.9

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.24.1-express.0

2 years ago

2 years ago

2 years ago

0.22.12-lit-next.0

2 years ago

2 years ago

0.22.11-lit-next.0

3 years ago

3 years ago

0.22.10-lit-next.0

3 years ago

3 years ago

0.22.9-lit-next.0

3 years ago

3 years ago

3 years ago

0.22.8-lit-next.0

3 years ago

3 years ago

0.22.7-lit-next.0

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.21.2-alpha.20

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.19.6-alpha.26

3 years ago

0.19.6-alpha.23

3 years ago

0.19.6-alpha.21

3 years ago

0.19.6-alpha.22

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.19.6-alpha.10

3 years ago

0.19.6-alpha.11

3 years ago

0.19.6-alpha.12

3 years ago

0.19.6-alpha.17

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.17.3-alpha.33

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

0.15.7-alpha.161

3 years ago

3 years ago

0.16.0-alpha.23

3 years ago

0.15.7-alpha.152

3 years ago

3 years ago

0.15.7-alpha.68

3 years ago

0.15.7-alpha.67

3 years ago

3 years ago

3 years ago

0.15.6-alpha.60

3 years ago

4 years ago

4 years ago

4 years ago

0.15.4-alpha.20

4 years ago

4 years ago

0.15.4-alpha.17

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.14.6-alpha.44

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

0.12.1-alpha.38

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago