angular-action-sheet - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

angular-action-sheet.js

@@ -17,6 +17,6 @@ angular
     },
-    template: '<div class="mask" ng-class="reveal ? \'mask--revealed\' : \'mask--hidden\'"></div>' +
-      '<div class="sheet sheet--{{ size }}" ng-class="reveal ? \'sheet--revealed\' : \'sheet--hidden\'">' +
-      '<button type="button" class="sheet__close" ng-click="sheet.close()">X</button>' +
-      '<div class="sheet__restrict-y"><div class="sheet__restrict-x">' +
+    template: '<div class="jbas-mask" ng-class="reveal ? \'jbas-mask--revealed\' : \'jbas-mask--hidden\'"></div>' +
+      '<div class="jbas-sheet jbas-sheet--{{ size }}" ng-class="reveal ? \'jbas-sheet--revealed\' : \'jbas-sheet--hidden\'">' +
+      '<button type="button" class="jbas-sheet__close" ng-click="sheet.close()">X</button>' +
+      '<div class="jbas-sheet__restrict-y"><div class="jbas-sheet__restrict-x">' +
       '<ng-transclude></ng-transclude>' +
@@ -49,5 +49,5 @@ '</div></div>' +
 
-    angular.element($document[0].body).toggleClass('clipped', revealedSheets.length >= 1);
-    angular.element($document[0].body).toggleClass('unclipped', revealedSheets.length == 0);
+    angular.element($document[0].body).toggleClass('jbas-clipped', revealedSheets.length >= 1);
+    angular.element($document[0].body).toggleClass('jbas-unclipped', revealedSheets.length == 0);
   }
 }

package.json

 {
   "name": "angular-action-sheet",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "angular directive for sliding content out like a drawer",
@@ -20,3 +20,7 @@ "main": "angular-action-sheet.js",
   },
-  "license": "MIT"
+  "license": "MIT",
+  "devDependencies": {
+    "gulp": "^3.8.11",
+    "gulp-sass": "^1.3.3"
+  }
 }

README.md

@@ -28,2 +28,8 @@ # angular-action-sheet
 
+You'll probably want the styles too (for now, just .scss is provided)
+
+```scss
+@import "node_modules/angular-action-sheet/styles/sass/styles";
+```
+
 ## Usage
@@ -34,3 +40,3 @@
 ```html
-<jb-action-sheet reveal="someboolean" on-close="callWhenClosed()" size="big">
+<jb-action-sheet reveal="someboolean" on-close="callWhenClosed()" size="'big'">
   <div>your content here</div>
@@ -40,3 +46,3 @@ </jb-action-sheet>
 
-**Note**: Currently this directive hacks a `.clipped` class to the body when
+**Note**: Currently this directive hacks a `.jbas-clipped` class to the body when
 the sheet is in the revealed state. This will be fixed sometime to be less
@@ -43,0 +49,0 @@ hacky.

No alert changes

Improved metrics

Total package byte prevSize

10786

51.09%

Number of package files

12

50%

Lines of code

116

163.64%

Number of lines in readme file

70

9.38%

Worsened metrics

Dev dependency count

2

Infinity%

No dependency changes