@pitaya-components/elevation - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/commonjs/index.js

@@ -9,3 +9,3 @@ "use strict";
 function configure(frameworkConfig) {
-    frameworkConfig.plugin(aurelia_framework_1.PLATFORM.moduleName("pitaya-framework"))
+    frameworkConfig.plugin(aurelia_framework_1.PLATFORM.moduleName("@pitaya-components/app"))
         .globalResources([
@@ -12,0 +12,0 @@ aurelia_framework_1.PLATFORM.moduleName("./pi-elevation"),

dist/commonjs/pi-elevation.js

@@ -16,2 +16,3 @@ "use strict";
         this._element = _element;
+        this._element.classList.add(`pi-elevation`);
     }
@@ -18,0 +19,0 @@ valueChanged(newValue) {

dist/native-modules/index.js

 import { PLATFORM } from "aurelia-framework";
 export * from "./pi-elevation";
 export function configure(frameworkConfig) {
-    frameworkConfig.plugin(PLATFORM.moduleName("pitaya-framework"))
+    frameworkConfig.plugin(PLATFORM.moduleName("@pitaya-components/app"))
         .globalResources([
@@ -6,0 +6,0 @@ PLATFORM.moduleName("./pi-elevation"),

dist/native-modules/pi-elevation.js

@@ -14,2 +14,3 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
         this._element = _element;
+        this._element.classList.add(`pi-elevation`);
     }
@@ -16,0 +17,0 @@ valueChanged(newValue) {

package.json

 {
-	"name" :              "@pitaya-components/elevation",
-	"version" :           "0.0.1",
-	"description" :       "Pitaya-Framework Component Elevation.",
-	"repository" :        {
-		"type" : "git",
-		"url" :  "git+https://github.com/pitaya-components/elevation.git"
+	"name": "@pitaya-components/elevation",
+	"version": "0.0.2",
+	"description": "Pitaya-Framework Component Elevation.",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/pitaya-components/elevation.git"
 	},
-	"keywords" :          [
+	"keywords": [
 		"pitaya framework",
@@ -16,60 +16,65 @@ "mdc web",
 	],
-	"author" :            "Pitaya Solutions",
-	"license" :           "MIT",
-	"bugs" :              {
-		"url" : "https://github.com/pitaya-components/elevation/issues"
+	"author": "Pitaya Solutions",
+	"license": "MIT",
+	"bugs": {
+		"url": "https://github.com/pitaya-components/elevation/issues"
 	},
-	"homepage" :          "https://github.com/pitaya-components/elevation#readme",
-	"devDependencies" :   {
-		"@material/theme" :              "^4.0.0",
-		"@material/typography" :         "^4.0.0",
-		"@types/node" :                  "^10.17.5",
-		"aurelia-animator-css" :         "^1.0.4",
-		"aurelia-bootstrapper" :         "^2.3.2",
-		"aurelia-cli" :                  "^1.2.2",
-		"aurelia-testing" :              "^1.0.0",
-		"aurelia-tools" :                "^2.0.0",
-		"autoprefixer" :                 "^9.7.2",
-		"browser-sync" :                 "^2.26.3",
-		"connect-history-api-fallback" : "^1.6.0",
-		"cssnano" :                      "^4.1.10",
-		"debounce" :                     "^1.2.0",
-		"del" :                          "^3.0.0",
-		"gulp" :                         "^4.0.0",
-		"gulp-htmlmin" :                 "^5.0.1",
-		"gulp-notify" :                  "^3.2.0",
-		"gulp-plumber" :                 "^1.2.1",
-		"gulp-postcss" :                 "^8.0.0",
-		"gulp-rename" :                  "^1.4.0",
-		"gulp-sass" :                    "^4.0.2",
-		"gulp-sourcemaps" :              "^2.6.5",
-		"gulp-tslint" :                  "^8.1.4",
-		"gulp-typescript" :              "^5.0.0",
-		"gulp-watch" :                   "^5.0.1",
-		"minimatch" :                    "^3.0.4",
-		"postcss-url" :                  "^8.0.0",
-		"promise-polyfill" :             "^8.1.0",
-		"requirejs" :                    "^2.3.6",
-		"text" :                         "github:requirejs/text#latest",
-		"through2" :                     "^3.0.0",
-		"tslint" :                       "^5.20.1",
-		"typescript" :                   "^3.7.2",
-		"vinyl-fs" :                     "^3.0.3"
+	"homepage": "https://github.com/pitaya-components/elevation#readme",
+	"devDependencies": {
+		"@pitaya-components/list": "~0.0.6",
+		"@pitaya-components/menu": "~0.0.5",
+		"@pitaya-components/snackbar": "~0.0.2",
+		"@pitaya-components/grid": "~0.0.7",
+		"@pitaya-components/topbar": "~0.0.30",
+		"@pitaya-components/typography": "~0.0.2",
+		"@material/theme": "^4.0.0",
+		"@types/node": "^10.17.5",
+		"aurelia-animator-css": "^1.0.4",
+		"aurelia-bootstrapper": "^2.3.2",
+		"aurelia-cli": "^1.2.2",
+		"aurelia-testing": "^1.0.0",
+		"aurelia-tools": "^2.0.0",
+		"autoprefixer": "^9.7.2",
+		"browser-sync": "^2.26.3",
+		"connect-history-api-fallback": "^1.6.0",
+		"cssnano": "^4.1.10",
+		"debounce": "^1.2.0",
+		"del": "^3.0.0",
+		"gulp": "^4.0.0",
+		"gulp-htmlmin": "^5.0.1",
+		"gulp-notify": "^3.2.0",
+		"gulp-plumber": "^1.2.1",
+		"gulp-postcss": "^8.0.0",
+		"gulp-rename": "^1.4.0",
+		"gulp-sass": "^4.0.2",
+		"gulp-sourcemaps": "^2.6.5",
+		"gulp-tslint": "^8.1.4",
+		"gulp-typescript": "^5.0.0",
+		"gulp-watch": "^5.0.1",
+		"minimatch": "^3.0.4",
+		"postcss-url": "^8.0.0",
+		"promise-polyfill": "^8.1.0",
+		"requirejs": "^2.3.6",
+		"text": "github:requirejs/text#latest",
+		"through2": "^3.0.0",
+		"tslint": "^5.20.1",
+		"typescript": "^3.7.2",
+		"vinyl-fs": "^3.0.3"
 	},
-	"browserslist" :      [
+	"browserslist": [
 		"defaults"
 	],
-	"scripts" :           {
-		"build" :   "au build-plugin",
-		"start" :   "au run",
-		"watch" :   "au build-plugin --watch",
-		"prepare" : "npm run build"
+	"scripts": {
+		"build": "au build-plugin",
+		"start": "au run",
+		"watch": "au build-plugin --watch",
+		"prepare": "npm run build"
 	},
-	"engines" :           {
-		"node" : ">=8.9.0"
+	"engines": {
+		"node": ">=8.9.0"
 	},
-	"main" :              "dist/commonjs/index.js",
-	"module" :            "dist/native-modules/index.js",
-	"private" :           false,
-	"files" :             [
+	"main": "dist/commonjs/index.js",
+	"module": "dist/native-modules/index.js",
+	"private": false,
+	"files": [
 		"dist",
@@ -81,15 +86,15 @@ "LICENSE",
 	],
-	"dependencies" :      {
-		"@material/elevation" :             "4.0.0",
-		"aurelia-framework" :               "~1.3.1",
-		"aurelia-typed-observable-plugin" : "~0.4.2",
-		"pitaya-framework" :                "~0.0.1"
+	"dependencies": {
+		"@material/elevation": "4.0.0",
+		"aurelia-framework": "~1.3.1",
+		"aurelia-typed-observable-plugin": "~0.4.2",
+		"@pitaya-components/app": "~0.0.1"
 	},
-	"moduleResolution" :  "node",
-	"baseUrl" :           "src",
-	"resolveJsonModule" : true,
-	"typeRoots" :         [
+	"moduleResolution": "node",
+	"baseUrl": "src",
+	"resolveJsonModule": true,
+	"typeRoots": [
 		"./node_modules/@types"
 	],
-	"typings" :           "dist/native-modules/index.d.ts"
+	"typings": "dist/native-modules/index.d.ts"
 }

README.md

@@ -1,1 +0,23 @@
-# elevation
+<h1 align="center">Elevation Component</h1>
+
+<p align="center"><img height="250" src="https://demo.pitaya-framework.com/media/readme/logo-elevation.svg"></p>
+
+<p align="center">
+<a href="https://npmcharts.com/compare/@pitaya-components/elevation?minimal=true"><img alt="npm" src="https://img.shields.io/npm/dw/@pitaya-components/elevation"></a>
+<a href="https://www.npmjs.com/package/@pitaya-components/elevation"><img alt="npm" src="https://img.shields.io/npm/v/@pitaya-components/elevation"></a>
+<a href="https://www.npmjs.com/package/@pitaya-components/elevation"><img alt="NPM" src="https://img.shields.io/npm/l/@pitaya-components/elevation"></a>
+</p>
+<!-- https://shields.io -->
+
+## Description <a name="description"></a>
+Shadows provide important visual cues about objects’ depth and directional movement. They are the only visual cue indicating the amount of separation between surfaces. An object’s elevation determines the appearance of its shadow.
+
+[Pitaya-framework](https://github.com/pitaya-foundation/pitaya-framework) template component.
+
+_This documentation assumes you are at least slightly familiar with [aurelia](https://aurelia.io/) and its usage. If not, we highly suggest you take a look at its [Quick Start](https://aurelia.io/docs/tutorials/creating-a-todo-app) section first to get a better understanding of the approaches that are presented it here._
+
+## Screenshot
+![Screenshot](https://demo.pitaya-framework.com/media/readme/screenshot-elevation.png "Screenshot")
+
+
+## [Demo](https://demo.pitaya-framework.com/#/elevation?component=only)

New alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Fixed alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

38379

increased by61.19%

Number of package files

19

increased by5.56%

Lines of code

98

increased by2.08%

Number of lines in readme file

23

increased by2200%

Worsened metrics

Dev dependency count

39

increased by14.71%

Dependency changes

• + Added@pitaya-components/app@~0.0.1

• + Added@pitaya-components/app@0.0.27(transitive)

• + Addedaurelia-animator-css@1.0.4(transitive)

• - Removedpitaya-framework@~0.0.1

• - Removed@material/layout-grid@4.0.0(transitive)

• - Removedpitaya-framework@0.0.44(transitive)