@zaibot/activitylogger-react - npm Package Compare versions

Comparing version 0.1.4 to 0.1.5

dist/activitylogger-react.js

@@ -90,10 +90,11 @@ (function webpackUniversalModuleDefinition(root, factory) {
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Background", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["a"]; });
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Caption", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["b"]; });
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Content", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["c"]; });
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Icon", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["d"]; });
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Label", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["e"]; });
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Reference", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["f"]; });
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Screen", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["g"]; });
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Title", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["h"]; });
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "TitleSub", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["i"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Button", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["b"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Caption", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["c"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Content", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["d"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Icon", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["e"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Label", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["f"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Reference", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["g"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Screen", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["h"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Title", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["i"]; });
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "TitleSub", function() { return __WEBPACK_IMPORTED_MODULE_0__primitives__["j"]; });
 
@@ -109,18 +110,20 @@
 /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__Background__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Caption__ = __webpack_require__(4);
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__Caption__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Content__ = __webpack_require__(5);
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__Content__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Icon__ = __webpack_require__(6);
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__Icon__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Label__ = __webpack_require__(7);
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__Label__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__Reference__ = __webpack_require__(8);
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__Reference__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__Screen__ = __webpack_require__(9);
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__Screen__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Title__ = __webpack_require__(10);
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__Title__["a"]; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__TitleSub__ = __webpack_require__(11);
-/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__TitleSub__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__Button__ = __webpack_require__(4);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__Button__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Caption__ = __webpack_require__(5);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__Caption__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__Content__ = __webpack_require__(6);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__Content__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Icon__ = __webpack_require__(7);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__Icon__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__Label__ = __webpack_require__(8);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__Label__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__Reference__ = __webpack_require__(9);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__Reference__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Screen__ = __webpack_require__(10);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__Screen__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__Title__ = __webpack_require__(11);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__Title__["a"]; });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__TitleSub__ = __webpack_require__(12);
+/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "j", function() { return __WEBPACK_IMPORTED_MODULE_9__TitleSub__["a"]; });
 
@@ -137,2 +140,3 @@
 
+
 /***/ }),
@@ -169,2 +173,60 @@ /* 3 */
 
+const ButtonStyle = ({ primary, secondary }) => primary
+    ? ({
+        ':hover': {
+            background: primary ? 'rgba(100,200,100,0.8)' : secondary ? 'rgba(200,100,100,0.8)' : 'rgba(100,100,200,0.8)',
+        },
+        // alignItems: 'center',
+        // display: 'inline-flex',
+        'background': primary ? 'rgba(100,200,100,0.5)' : secondary ? 'rgba(200,100,100,0.5)' : 'rgba(100,100,200,0.5)',
+        'border': '0',
+        'borderRadius': '3px',
+        // 'color': 'rgba(0,0,0,0.6)',
+        'color': primary ? 'rgba(0,50,0,0.8)' : secondary ? 'rgba(50,0,0,0.8)' : 'rgba(0,0,50,0.8)',
+        'cursor': 'pointer',
+        'fontFamily': 'Segoe UI',
+        'fontSize': '0.8rem',
+        'fontWeight': 500,
+        'lineHeight': '1rem',
+        'margin': '2px',
+        'outline': '0',
+        'padding': '0.4em 0.8em',
+        // 'textShadow': '0 0 2px rgba(0,0,0,0.1)',
+        'verticalAlign': 'middle',
+    })
+    : ({
+        ':hover': {
+            background: primary ? 'rgba(50,200,50,0.3)' : secondary ? 'rgba(200,50,50,0.3)' : 'rgba(50,50,200,0.3)',
+        },
+        // alignItems: 'center',
+        // display: 'inline-flex',
+        'background': primary ? 'rgba(50,200,50,0.1)' : secondary ? 'rgba(200,50,50,0.1)' : 'rgba(50,50,200,0.1)',
+        'border': '0',
+        'borderRadius': '3px',
+        'color': primary ? 'rgba(50,200,50,0.8)' : secondary ? 'rgba(200,50,50,0.8)' : 'rgba(50,50,200,0.8)',
+        'cursor': 'pointer',
+        'fontFamily': 'Segoe UI',
+        'fontSize': '0.8rem',
+        'fontWeight': 500,
+        'lineHeight': '1rem',
+        'margin': '2px',
+        'outline': '0',
+        'padding': '0.4em 0.8em',
+        'verticalAlign': 'middle',
+    });
+/* unused harmony export ButtonStyle */
+
+const Button = Object(__WEBPACK_IMPORTED_MODULE_0_styletron_react__["styled"])('button', ButtonStyle);
+/* harmony export (immutable) */ __webpack_exports__["a"] = Button;
+
+
+
+/***/ }),
+/* 5 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styletron_react__ = __webpack_require__(0);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_styletron_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_styletron_react__);
+
 const CaptionStyle = {
@@ -185,3 +247,3 @@ fontFamily: 'Segoe UI',
 /***/ }),
-/* 5 */
+/* 6 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -205,3 +267,3 @@
 /***/ }),
-/* 6 */
+/* 7 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -215,5 +277,5 @@
     fontFamily: '"Material Icons"',
-    fontSize: iconSize,
+    fontSize: typeof iconSize === 'number' ? `${iconSize}px` : iconSize,
     textTransform: 'none',
-    verticalAlign: align ? 'text-bottom' : null,
+    verticalAlign: align ? 'middle' : null,
 });
@@ -228,3 +290,3 @@ /* unused harmony export IconStyle */
 /***/ }),
-/* 7 */
+/* 8 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -253,3 +315,3 @@
 /***/ }),
-/* 8 */
+/* 9 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -276,3 +338,3 @@
 /***/ }),
-/* 9 */
+/* 10 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -297,3 +359,3 @@
 /***/ }),
-/* 10 */
+/* 11 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -319,3 +381,3 @@
 /***/ }),
-/* 11 */
+/* 12 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -322,0 +384,0 @@

dist/index.d.ts

@@ -1,1 +0,1 @@
-export { Background, Caption, Content, Icon, Label, Reference, Screen, Title, TitleSub } from './primitives';
+export { Background, Button, Caption, Content, Icon, Label, Reference, Screen, Title, TitleSub } from './primitives';

dist/primitives/Icon.d.ts

@@ -6,5 +6,5 @@ /// <reference types="react" />
     align?: boolean;
-    iconSize?: number;
+    iconSize?: number | string;
 }
 export declare const IconStyle: ({align, iconSize}: IIconProps) => React.CSSProperties;
 export declare const Icon: StyledHTMLElement<IIconProps, HTMLSpanElement>;

dist/primitives/index.d.ts

 export { Background } from './Background';
+export { Button } from './Button';
 export { Caption } from './Caption';
@@ -3,0 +4,0 @@ export { Content } from './Content';

package.json

 {
   "name": "@zaibot/activitylogger-react",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "",
@@ -8,2 +8,3 @@ "main": "dist/activitylogger-react.js",
   "scripts": {
+    "prepublish": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -10,0 +11,0 @@ "tslint": "tslint --config src/tslint.json --project src/tsconfig.json --type-check",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47704

increased by25.35%

Number of package files

39

increased by5.41%

Lines of code

716

increased by20.74%

No dependency changes