Skip to content

Commit

Permalink
Remove classnames (#7)
Browse files Browse the repository at this point in the history
* feat(bumps version to 1.0.5): removed classnames, bumps version to 1.0.5

Removes classnames, bumps version to 1.0.5

* docs(docs changes): minor docs changes

Co-authored-by: Mykola Babchenko <[email protected]>
  • Loading branch information
nikbabchenko and mykolababchenkotruck authored Oct 22, 2020
1 parent 079c3a5 commit 03e8437
Show file tree
Hide file tree
Showing 4 changed files with 7 additions and 7 deletions.
2 changes: 1 addition & 1 deletion CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.

## 2.0.0 (2020-10-21)
## 1.0.5 (2020-10-22)


### ⚠ BREAKING CHANGES
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "skeleton-webcomponent-loader",
"version": "2.0.0",
"version": "1.0.5",
"description": "Skeleton loader webcomponent developed in stencil.js",
"main": "dist/index.cjs.js",
"module": "dist/custom-elements/index.js",
Expand Down
8 changes: 4 additions & 4 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
# Skeleton Loader Webcomponent
![Variants](https://skeleton-webcomponent-loader.web.app/images/variants.gif)

**Skeleton Loader** is a very lightweight (**5.2kb** gzip / **10kb** without compression) webcomponent to make beautiful, animated loading skeletons in any web app - pure html/css/js or Angular/React.
**Skeleton Loader** is a very lightweight (less than **5kb** gzip) webcomponent to make beautiful, animated loading skeletons in any web app - pure html/css/js or Angular/React.

> Spinners and loaders have traditionally been the way to tell users
> that content is going to take a while to load. While this approach is
Expand All @@ -26,8 +26,8 @@ You can get it on NPM installing `skeleton-webcomponent-loader` as a project
npm i skeleton-webcomponent-loader

#### Script tag via UNPKG (global npm delivery network)
<script type="module" src="https://unpkg.com/[email protected].3/dist/skeleton-webcomponent/skeleton-webcomponent.esm.js"></script>
<script type="nomodule" src="https://unpkg.com/[email protected].3/dist/skeleton-webcomponent/skeleton-webcomponent.js"></script>
<script type="module" src="https://unpkg.com/[email protected].5/dist/skeleton-webcomponent/skeleton-webcomponent.esm.js"></script>
<script type="nomodule" src="https://unpkg.com/[email protected].5/dist/skeleton-webcomponent/skeleton-webcomponent.js"></script>

#### Script tag via npm
<script type="module" src="./node_modules/skeleton-webcomponent-loader/dist/skeleton-webcomponent/skeleton-webcomponent.esm.js"></script>
Expand Down Expand Up @@ -67,7 +67,7 @@ Pass properties and see it in action
| -------------- | --------------- | ------------------------------------------------------------------- | ----------------------------------------------------- | ------------ |
| `animation` | `animation` | Animation type | `"false" | "progress" | "progress-dark" | "pulse"` | `'progress'` |
| `count` | `count` | Number of rows of current skeleton type | `number` | `1` |
| `customStyles` | `custom-styles` | Custom css styles (background/margins/width/height etc.) | `string | { [k: string]: string; }` | `{}` |
| `customStyles` | `custom-styles` | Custom css styles (background/margins/width/height etc.) | `string | { [key: string]: string; }` | `{}` |
| `height` | `height` | Height of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
| `showWarnings` | `show-warnings` | Whether to show warnings for the wrong animation type/custom styles | `boolean` | `true` |
| `variant` | `variant` | Variant of the skeleton - circle or row | `"circle" | "rect" | "text"` | `'text'` |
Expand Down
2 changes: 1 addition & 1 deletion src/components/skeleton/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
| -------------- | --------------- | ------------------------------------------------------------------- | ----------------------------------------------------- | ------------ |
| `animation` | `animation` | Animation type | `"false" \| "progress" \| "progress-dark" \| "pulse"` | `'progress'` |
| `count` | `count` | Number of rows of current skeleton type | `number` | `1` |
| `customStyles` | `custom-styles` | Custom css styles (background/margins/width/height etc.) | `string \| { [k: string]: string; }` | `{}` |
| `customStyles` | `custom-styles` | Custom css styles (background/margins/width/height etc.) | `string \| { [key: string]: string; }` | `{}` |
| `height` | `height` | Height of the skeleton ex. 100px, 100%, auto etc. | `string` | `null` |
| `showWarnings` | `show-warnings` | Whether to show warnings for the wrong animation type/custom styles | `boolean` | `true` |
| `variant` | `variant` | Variant of the skeleton - circle or row | `"circle" \| "rect" \| "text"` | `'text'` |
Expand Down

0 comments on commit 03e8437

Please sign in to comment.