@uncinc/uncinc-react-kitchen-sink 2.8.10 → 2.8.12

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
-export function Button({ href, dispatch, className, children, primary, inverted, language, enableLoader, loading, htmlType, target, ...props }: {
+export function Button({ href, dispatch, className, children, primary, inverted, language, enableLoader, loading, htmlType, target, forwardRef, ...props }: {
     [x: string]: any;
     href: any;
     dispatch: any;
@@ -11,6 +11,7 @@ export function Button({ href, dispatch, className, children, primary, inverted,
     loading: any;
     htmlType: any;
     target: any;
+    forwardRef: any;
 }): React.JSX.Element;
 export namespace Button {
     namespace defaultProps {
@@ -21,6 +22,7 @@ export namespace Button {
         let enableLoader: boolean;
         let htmlType: string;
         let target: string;
+        let forwardRef: null;
     }
     namespace propTypes {
         let href_1: PropTypes.Requireable<string>;
@@ -37,6 +39,10 @@ export namespace Button {
         export { htmlType_1 as htmlType };
         let target_1: PropTypes.Requireable<string>;
         export { target_1 as target };
+        let forwardRef_1: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.InferProps<{
+            current: PropTypes.Requireable<Element>;
+        }> | null | undefined>>;
+        export { forwardRef_1 as forwardRef };
     }
 }
 declare const _default: (props: any) => React.JSX.Element;

package/dist/components/Button/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["href", "dispatch", "className", "children", "primary", "inverted", "language", "enableLoader", "loading", "htmlType", "target"];
+var _excluded = ["href", "dispatch", "className", "children", "primary", "inverted", "language", "enableLoader", "loading", "htmlType", "target", "forwardRef"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -22,6 +22,7 @@ export var Button = function Button(_ref) {
     loading = _ref.loading,
     htmlType = _ref.htmlType,
     target = _ref.target,
+    forwardRef = _ref.forwardRef,
     props = _objectWithoutProperties(_ref, _excluded);
   var classes = classNames('Button', className, {
     'Button--primary': primary,
@@ -48,6 +49,7 @@ export var Button = function Button(_ref) {
         className: classes,
         href: href
       }, props, {
+        ref: forwardRef,
         onClick: onClick
       }), children)
     );
@@ -58,12 +60,14 @@ export var Button = function Button(_ref) {
     target: "_blank",
     rel: "noreferrer noopener"
   }, props, {
+    ref: forwardRef,
     onClick: onClick
   }), children) : /*#__PURE__*/React.createElement(Link, _extends({
     to: href,
     className: classes,
     target: target
   }, props, {
+    ref: forwardRef,
     onClick: onClick
   }), children);
 };
@@ -74,7 +78,8 @@ Button.defaultProps = {
   href: null,
   enableLoader: false,
   htmlType: 'button',
-  target: '_self'
+  target: '_self',
+  forwardRef: null
 };
 Button.propTypes = {
   href: PropTypes.string,
@@ -83,6 +88,9 @@ Button.propTypes = {
   inverted: PropTypes.bool,
   enableLoader: PropTypes.bool,
   htmlType: PropTypes.oneOf(['button', 'submit', 'reset']),
-  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
+  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
+  forwardRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
+    current: PropTypes.instanceOf(Element)
+  })])
 };
 export default withMapping(Button);

package/dist/components/Tag/style.scss

@@ -6,16 +6,31 @@
   flex-wrap: nowrap;
   align-items: center;
 
+  &__link,
+  &__link:hover,
+  &__link:active,
+  &__link:focus {
+    text-decoration: inherit;
+    color: inherit;
+  }
+
+  &__button,
+  &__delete-button {
+    padding: 0;
+    border: 0;
+    background-color: transparent;
+    cursor: pointer;
+  }
+
   &__delete-button {
     // Expanding the clickable area by adding padding,
     // and compensating this, using negative margin.
     margin: -10px;
-    border: 0;
     padding: 10px;
-    background-color: transparent;
-    cursor: pointer;
   }
 
+  &--stretch-clickable-area .Tag__link,
+  &--stretch-clickable-area .Tag__button,
   &--stretch-clickable-area .Tag__delete-button {
     margin: 0;
     padding: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.8.10",
+  "version": "2.8.12",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",