armtek-uikit-react 1.0.119 → 1.0.121

package/assets/BackDrop.scss

@@ -11,8 +11,16 @@
   align-items: center;
   justify-content: center;
 }
-
+.BackDropBase__overlay{
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  position: absolute;
+}
 .BackDropBase__inner{
+  position: relative;
+  z-index: 2;
   max-width: 500px;
   width: 100%;
 }

package/assets/Button.scss

@@ -15,8 +15,10 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  user-select: none;
   &:disabled{
     cursor: initial;
+    pointer-events: none;
   }
   &_fullWidth{
     width: 100%;
@@ -39,9 +41,7 @@
 .button_radius_none{
   border-radius: 0;
 }
-.button_radius_full{
-  border-radius: 30px;
-}
+
 .button_contained {
   &.button_primary{
     color: #fff;
@@ -79,7 +79,7 @@
       background: var(--color-gray-600);
     }
     &:disabled{
-      background: var(--color-secondary-light);
+      background: var(--color-neutral-light);
     }
   }
   &.button_black {
@@ -92,7 +92,7 @@
       background: var(--color-gray-600);
     }
     &:disabled{
-      background: var(--color-secondary-light);
+      background: var(--color-neutral-light);
     }
   }
   &.button_green {
@@ -160,8 +160,7 @@
     border-color: var(--color-gray-900);
     color: var(--color-gray-900);
     &:hover{
-      background: var(--color-neutral);
-      opacity: 0.1;
+      background-color: rgba(var(--color-neutral-rgba), 0.1);
     }
     &:active{
       background: var(--color-gray-300);

package/assets/ButtonIcon.scss

@@ -25,4 +25,7 @@
     font-size: 16px;
     & .material_icon {font-size: 16px}
   }
-}
+}
+.ButtonIcon_square{
+  border-radius: 0;
+}

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.119","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.121","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"build":"^0.1.4","clsx":"^2.0.0","rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/BackDrop/BackDropBase.js

@@ -1,6 +1,7 @@
 import css from "./BackDrop.module.scss";
 import clsx from 'clsx';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export const BackDropBase = props => {
   const {
@@ -10,24 +11,22 @@ export const BackDropBase = props => {
     onClick
   } = props;
   const handleClick = e => {
-    if (e.target instanceof Element) {
-      if (e.target.classList.contains('Arm-BackDropBase')) {
-        e.stopPropagation();
-        if (onClick) onClick(e);
-      }
-    }
+    e.stopPropagation();
+    if (onClick) onClick(e);
   };
   return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       className: clsx('Arm-BackDropBase', className, css.BackDropBase),
-      onClick: handleClick,
-      children: /*#__PURE__*/_jsx("div", {
+      children: [/*#__PURE__*/_jsx("div", {
+        className: css.BackDropBase__overlay,
+        onClick: handleClick
+      }), /*#__PURE__*/_jsx("div", {
         className: css.BackDropBase__inner,
         style: {
           maxWidth: width + 'px'
         },
         children: children
-      })
+      })]
     })
   });
 };

package/ui/ButtonIcon/ButtonIcon.js

@@ -14,7 +14,10 @@ function ButtonIcon(props) {
       variant: 'transparent',
       ...props,
       asIcon: true,
-      className: clsx(css.button_icon, css['button_icon_' + props.size], props.className),
+      className: clsx(css.button_icon, css['button_icon_' + props.size], props.className, {
+        [css['ButtonIcon_square']]: props.radius === false,
+        'border-radius': props.radius === true
+      }),
       children: props.children
     })
   });