MIE Svelte Components

This package provides a collection of Svelte components, available for installation here. To see a collection of the current components, please visit the
MIE Storybook Component Library

Styles

The mie-ds-svelte-components package includes the following style packages by default:

- mie-ds-core
- mie-ds-brand-mie-light

$3

To properly apply styles, make sure to include the master .sass file from each style library you use.

#### Example: Using mie-ds-core
@import "./node_modules/mie-ds-core/styles/styles.scss";

Example: Importing a Brand Theme After Core
When using a brand-specific style package, always import it after the core styles:
@import "./node_modules/mie-ds-core/styles/styles.scss";
@import "./node_modules/mie-ds-brand-mie-light/styles/styles.scss";

Additional Brand Styles

- mie-ds-brand-bluehive-light
- mie-ds-brand-enterprisehealth-light
These brands are still a work in progress and not yet finalized.

Datavis

Datavis styles are installed independently to allow a Datavis-only version of the component library and brand styles to be installed.
- mie-ds-datavis

When including the mie-ds-datavis styles, be sure to import them BEFORE the brand styles:
@import "./node_modules/mie-ds-core/styles/styles.scss";
@import '../node_modules/mie-ds-datavis/styles/styles.scss';
@import "./node_modules/mie-ds-brand-mie-light/styles/styles.scss";

Installing Single Components

Need just a single component? No problem! You can install individual components using:
npm install mie-ds-[component-name]