dw-devops

@dreamworld/dw-tooltip

A Tooltip Webcomponent created through LitElement and [Tippy.js](https://atomiks.github.io/tippyjs)

@dreamworld/material-styles

This is used to define custom css properties for the app colors and typography.

@dreamworld/dw-select

Mobile-first, Single/Multiple select/auto-complete solution in material design style.

@dreamworld/deep-object-diff

Deep diffs two objects, including nested structures of arrays and objects, and return the difference. Forked to support ES module.

@dreamworld/material-icons

Material Design icons

@dreamworld/dw-text-editor

A light-weight Rich Text Editor based on Squire, built as LitElement WebComponent

@dreamworld/dw-action-toolbar

LitElement WebComponent to be used as action toolbar. Toolbar with tool buttons & drop-down both.

@dreamworld/dw-form

A form element which is used to get serialized data and to perform validation of it's local elements.

@dreamworld/dw-checkbox

A material checkbox element made with lit-html. It's an wrapper of [mwc-checkbox](https://github.com/material-components/material-components-web-components/tree/master/packages/checkbox) element. Supports all the features of `mwc-checkbox`.

@dreamworld/dw-sample-npm-module

A Sample NPM package with automated deployment based on branches to NPM for both release snapshot releases.

@dreamworld/dw-button

A button web component created using [`mwc-button`](https://www.webcomponents.org/element/@material/mwc-button)

@dreamworld/dw-test-element

A Test Element for CI

@dreamworld/dw-test-element2

dw-test-element2

@dreamworld/flex-layout

Provides simple ways to use CSS flexible box layout, also known as flexbox with LitElement development.

@dreamworld/dw-icon

An element, used to show an icon in Dreamworld Apps.

@dreamworld/dw-ripple

Ripple element created as child-class of [`mwc-ripple`] (https://github.com/material-components/material-components-web-components/tree/master/packages/ripple)

@dreamworld/dw-radio-button

A radio button Webcomponent created through LitElement and mwc-radio(https://www.webcomponents.org/element/@material/mwc-radio)

@dreamworld/dw-icon-button

## Why don't we use `mwc-icon-button`? - We created `dw-icon` to have extended icon set, sepecific to the app. But, those icons we can't be used with `mwc-icon-button`. - We found issue with `mwc-icon-button` that it can't be resized easily.

@dreamworld/dw-surface

## Usage

@dreamworld/dw-input

Material design styled input text-field & text-area implemented in LitElement

@dreamworld/dw-date-input

- A date input element made with [dw-input](https://github.com/DreamworldSolutions/dw-input) use to take date input from the user.

@dreamworld/dw-dialog

- A dialog element with Material Design styling. [More detail](https://github.com/material-components/material-components-web/tree/master/packages/mdc-dialog) - Provides 3 types of dialog. - modal - fit - popover

@dreamworld/dw-placeholder-element

Provide way to destroy existing doms whenever model is changed

@dreamworld/dw-multi-value-field

A Multi-value form-field WebComponent, made by LitElement

dw-switch

Extended element of "mwc-switch"