orcs-design-system 2.0.63 → 2.0.67

package/es/components/Button/Button.stories.js

@@ -73,12 +73,12 @@ export var fullWidth = function fullWidth() {
 fullWidth.storyName = "Full width";
 export var disabled = function disabled() {
   return /*#__PURE__*/React.createElement(Spacer, {
-    my: "3"
+    my: "r"
   }, /*#__PURE__*/React.createElement(Button, {
     disabled: true
   }, "Disabled button"), /*#__PURE__*/React.createElement(Button, {
     variant: "disabled"
-  }, "Also disabled"));
+  }, "Alternate way of making button disabled"));
 };
 disabled.storyName = "Disabled state";
 export var loading = function loading() {

package/es/components/Button/index.js

@@ -140,6 +140,17 @@ var StyledButton = styled("button").withConfig({
       }
     }
   });
+}, function (props) {
+  return props.disabled ? css({
+    bg: "greyLighter",
+    color: "grey",
+    borderColor: "greyLighter",
+    "&:hover": {
+      bg: "greyLighter",
+      color: "grey",
+      borderColor: "greyLighter"
+    }
+  }) : css();
 }, ButtonStyles);
 export var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var large = props.large,
@@ -173,7 +184,6 @@ export var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
     borderWidth: "1px",
     borderStyle: "solid",
     disabled: disabled,
-    variant: disabled ? "disabled" : null,
     onClick: onClick,
     ref: ref
   }, ButtonStyles, props), leftIcon && /*#__PURE__*/React.createElement(Icon, {
@@ -227,10 +237,10 @@ Button.__docgenInfo = {
           "value": "\"danger\"",
           "computed": false
         }, {
-          "value": "\"disabled\"",
+          "value": "\"ghost\"",
           "computed": false
         }, {
-          "value": "\"ghost\"",
+          "value": "\"disabled\"",
           "computed": false
         }, {
           "value": "\"default\"",
@@ -335,7 +345,7 @@ Button.propTypes = {
   small: PropTypes.bool,
 
   /** Specifies alternate button colours/styles. */
-  variant: PropTypes.oneOf(["success", "danger", "disabled", "ghost", "default"]),
+  variant: PropTypes.oneOf(["success", "danger", "ghost", "disabled", "default"]),
 
   /** Full width button that takes up all available space of parent */
   fullWidth: PropTypes.bool,

package/es/components/StyledLink/StyledLink.stories.js

@@ -70,7 +70,8 @@ export var reactLink = function reactLink() {
 reactLink.storyName = "Using react-router";
 export var buttonLink = function buttonLink() {
   return /*#__PURE__*/React.createElement(StyledLink, {
-    href: "#",
+    href: "https://teamform.co",
+    target: "_blank",
     button: true
   }, "Click me");
 };

package/es/components/StyledLink/index.js

@@ -88,12 +88,12 @@ var styleButtonLink = function styleButtonLink(LinkComponent) {
     variants: {
       "default": {},
       success: {
-        bg: "successDark",
+        bg: "success",
         color: "white",
-        borderColor: "successDark",
+        borderColor: "success",
         "&:hover": {
-          bg: "successDarker",
-          borderColor: "successDarker"
+          bg: "successDark",
+          borderColor: "successDark"
         }
       },
       danger: {
@@ -126,7 +126,18 @@ var styleButtonLink = function styleButtonLink(LinkComponent) {
         }
       }
     }
-  }));
+  }), function (props) {
+    return props.disabled ? css({
+      bg: "greyLighter",
+      color: "grey",
+      borderColor: "greyLighter",
+      "&:hover": {
+        bg: "greyLighter",
+        color: "grey",
+        borderColor: "greyLighter"
+      }
+    }) : css();
+  }, space, layout);
 };
 
 var Hyperlink = styleLink(styled.a.withConfig({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orcs-design-system",
-  "version": "2.0.63",
+  "version": "2.0.67",
   "description": "Orchestrated's Design System, aka: ORCS",
   "keywords": [
     "design",
@@ -45,6 +45,7 @@
     "@styled-system/prop-types": "^5.1.5",
     "@styled-system/should-forward-prop": "^5.1.5",
     "@styled-system/theme-get": "^5.1.2",
+    "moment": "^2.29.2",
     "polished": "^3.7.1",
     "prop-types": "^15.6.2",
     "react-app-polyfill": "^2.0.0",
@@ -58,8 +59,7 @@
     "react-test-renderer": "^17.0.1",
     "styled-components-grid": "^2.2.2",
     "styled-is": "^1.3.0",
-    "styled-system": "^5.1.5",
-    "moment": "^2.29.2"
+    "styled-system": "^5.1.5"
   },
   "devDependencies": {
     "@babel/cli": "^7.12.10",