vcc-ui - npm Package Compare versions

Comparing version 1.0.0-rc.7 to 1.0.0-rc.8

es/components/button/index.js

@@ -78,3 +78,2 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
     fontWeight: 400,
-    position: "relative",
     ":focus": {
@@ -81,0 +80,0 @@ outline: "2px solid ".concat(color, "33"),

es/components/button/stories.js

@@ -6,2 +6,3 @@ import React from "react";
 import { Button } from "./";
+import { Block } from "../block";
 var variant = {
@@ -28,7 +29,7 @@ label: "Variant",
 storiesOf("Actions/Button", module).addDecorator(withKnobs).addDecorator(withStyleAndTheme).addWithJSX("Primary", function () {
-  return React.createElement(Button, {
+  return React.createElement(React.Fragment, null, React.createElement(Button, {
     variant: select(variant.label, variant.options, variant.default),
     arrow: select(arrow.label, arrow.options, arrow.default),
     intent: "primary"
-  }, "Hello World");
+  }, "default button"));
 });
@@ -55,2 +56,25 @@ storiesOf("Actions/Button", module).addDecorator(withKnobs).addDecorator(withDarkBackground).addDecorator(withStyleAndTheme).addWithJSX("On Dark", function () {
   }, "Destroy Planet");
+});
+storiesOf("Actions/Button", module).addDecorator(withKnobs).addDecorator(withStyleAndTheme).addWithJSX("Link Button", function () {
+  return React.createElement(React.Fragment, null, React.createElement(Block, {
+    as: "p"
+  }, "If ", React.createElement("code", null, "href"), " property is passed the button will be renders as an", " ", React.createElement("code", null, "<a/>"), " element"), React.createElement(Block, {
+    extend: {
+      marginBottom: "10px"
+    }
+  }, React.createElement(Button, {
+    arrow: "right",
+    variant: "outline",
+    href: "#"
+  }, "This is a link"), " ", "vs", " ", React.createElement(Button, {
+    arrow: "right",
+    variant: "outline"
+  }, "This is button")), React.createElement(Block, null, React.createElement(Button, {
+    variant: select(variant.label, variant.options, variant.default),
+    arrow: select(arrow.label, arrow.options, arrow.default),
+    intent: "primary"
+  }, "This is a button"), " ", "vs", " ", React.createElement(Button, {
+    arrow: "right",
+    href: "123"
+  }, "This is a link")));
 });

es/components/click/index.js

@@ -11,6 +11,2 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var buttonResetStyle = {
-  borderBottomWidth: 0,
-  borderLeftWidth: 0,
-  borderRightWidth: 0,
-  borderTopWidth: 0,
   background: "none",
@@ -22,2 +18,3 @@ margin: 0,
   appearance: "none",
+  borderWidth: 0,
   "::moz-focus-inner": {
@@ -24,0 +21,0 @@ borderWidth: 0,

lib/components/button/index.js

@@ -96,3 +96,2 @@ "use strict";
     fontWeight: 400,
-    position: "relative",
     ":focus": {
@@ -99,0 +98,0 @@ outline: "2px solid ".concat(color, "33"),

lib/components/button/stories.js

@@ -13,2 +13,4 @@ "use strict";
 
+var _block = require("../block");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -37,7 +39,7 @@
 (0, _react2.storiesOf)("Actions/Button", module).addDecorator(_addonKnobs.withKnobs).addDecorator(_decorators.withStyleAndTheme).addWithJSX("Primary", function () {
-  return _react.default.createElement(_.Button, {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_.Button, {
     variant: (0, _addonKnobs.select)(variant.label, variant.options, variant.default),
     arrow: (0, _addonKnobs.select)(arrow.label, arrow.options, arrow.default),
     intent: "primary"
-  }, "Hello World");
+  }, "default button"));
 });
@@ -64,2 +66,25 @@ (0, _react2.storiesOf)("Actions/Button", module).addDecorator(_addonKnobs.withKnobs).addDecorator(_decorators.withDarkBackground).addDecorator(_decorators.withStyleAndTheme).addWithJSX("On Dark", function () {
   }, "Destroy Planet");
+});
+(0, _react2.storiesOf)("Actions/Button", module).addDecorator(_addonKnobs.withKnobs).addDecorator(_decorators.withStyleAndTheme).addWithJSX("Link Button", function () {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_block.Block, {
+    as: "p"
+  }, "If ", _react.default.createElement("code", null, "href"), " property is passed the button will be renders as an", " ", _react.default.createElement("code", null, "<a/>"), " element"), _react.default.createElement(_block.Block, {
+    extend: {
+      marginBottom: "10px"
+    }
+  }, _react.default.createElement(_.Button, {
+    arrow: "right",
+    variant: "outline",
+    href: "#"
+  }, "This is a link"), " ", "vs", " ", _react.default.createElement(_.Button, {
+    arrow: "right",
+    variant: "outline"
+  }, "This is button")), _react.default.createElement(_block.Block, null, _react.default.createElement(_.Button, {
+    variant: (0, _addonKnobs.select)(variant.label, variant.options, variant.default),
+    arrow: (0, _addonKnobs.select)(arrow.label, arrow.options, arrow.default),
+    intent: "primary"
+  }, "This is a button"), " ", "vs", " ", _react.default.createElement(_.Button, {
+    arrow: "right",
+    href: "123"
+  }, "This is a link")));
 });

lib/components/click/index.js

@@ -23,6 +23,2 @@ "use strict";
 var buttonResetStyle = {
-  borderBottomWidth: 0,
-  borderLeftWidth: 0,
-  borderRightWidth: 0,
-  borderTopWidth: 0,
   background: "none",
@@ -34,2 +30,3 @@ margin: 0,
   appearance: "none",
+  borderWidth: 0,
   "::moz-focus-inner": {
@@ -36,0 +33,0 @@ borderWidth: 0,

package.json

 {
 	"name": "vcc-ui",
-	"version": "1.0.0-rc.7",
+	"version": "1.0.0-rc.8",
 	"license": "LicenseRef-LICENSE",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

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

6560057

increased by0.04%

Lines of code

12073

increased by0.33%

No dependency changes