armtek-uikit-react 1.0.54 → 1.0.56

package/assets/ListItem.scss

@@ -4,7 +4,7 @@
   outline: none;
   padding: calc($size-step * 1.5) calc($size-step * 2);
   color: $color-neutral;
-  background: transparent;
+  background: #fff;
   @include transition(0.3s, background);
   @include flex();
   width: 100%;
@@ -19,8 +19,17 @@
     background: rgba($color-primary, 0.1);
   }
 }
-.listitem_startAdornment{
 
+.listitem_disabled{
+  pointer-events: none;
+  background: #fff;
+  color: $color-gray-400;
+  user-select: none;
+  cursor: default;
+}
+
+.listitemText__adornment_left{
+  margin-left: calc($size-step * 2);
 }
 .listitem_endAdornment{
 
@@ -30,5 +39,5 @@
 }
 .listitemText{
   display: block;
-  margin: 0 calc($size-step * 2);
+  margin-right: calc($size-step * 2);
 }

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.54","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":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.56","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":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/ui/Form/DateField/DateField.js

@@ -22,8 +22,10 @@ const DateInput = /*#__PURE__*/forwardRef((props, ref) => {
       variant: 'transparent',
       onClick: props.onClick,
       color: 'neutral',
-      className: 'material_icon',
-      children: inputIcon
+      children: /*#__PURE__*/_jsx("span", {
+        className: 'material_icon',
+        children: inputIcon
+      })
     })
   });
 });

package/ui/Form/Password/Password.js

@@ -32,8 +32,10 @@ export const Password = /*#__PURE__*/forwardRef((props, ref) => {
         variant: 'transparent',
         color: 'neutral',
         onClick: handleClick,
-        className: 'material_icon',
-        children: isPassword ? 'visibility_off' : 'visibility'
+        children: /*#__PURE__*/_jsx("span", {
+          className: 'material_icon',
+          children: isPassword ? 'visibility_off' : 'visibility'
+        })
       })
     })
   });

package/ui/Form/Select/Select.js

@@ -87,8 +87,10 @@ function Select(props) {
     }), /*#__PURE__*/_jsx(ButtonIcon, {
       size: 'small',
       variant: 'transparent',
-      className: 'material_icon',
-      children: "arrow_drop_down"
+      children: /*#__PURE__*/_jsx("span", {
+        className: 'material_icon',
+        children: "arrow_drop_down"
+      })
     })]
   });
   let selectProps = {};

package/ui/List/ListItem.js

@@ -27,6 +27,7 @@ const ListItem = props => {
       className: clsx(css.listitem, className, {
         [css.listitem_active]: !!active || !!checked,
         [css.listitem_divider]: !!divider,
+        [css.listitem_disabled]: !!restProps.disabled,
         [css.listitem_endAdornment]: !!endAdornment,
         [css.listitem_startAdornment]: withStartAdornment
       }),
@@ -44,7 +45,9 @@ const ListItem = props => {
           children: startAdornment
         })]
       }), /*#__PURE__*/_jsx("span", {
-        className: css.listitemText,
+        className: clsx(css.listitemText, {
+          [css.listitemText__adornment_left]: withStartAdornment
+        }),
         children: children
       }), !!endAdornment && /*#__PURE__*/_jsx(AdornmentContainer, {
         position: 'end',

package/ui/Modal/BaseModal.d.ts

@@ -2,6 +2,6 @@ import { ComponentPropsWithoutRef, MouseEvent } from 'react';
 import { FormControlsProps } from '../../ui/Form/FormControls';
 export type BaseModalProps = ComponentPropsWithoutRef<'div'> & FormControlsProps & {
     onClose: (e: MouseEvent) => void;
-    classes: Record<string, string>;
+    classes?: Record<string, string>;
 };
 export declare const BaseModal: (props: BaseModalProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Modal/BaseModal.js

@@ -22,15 +22,15 @@ export const BaseModal = props => {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs("div", {
       ...divProps,
-      className: clsx(className, 'Arm-Modal', classes['Arm-Modal'], css.Modal),
+      className: clsx(className, 'Arm-Modal', classes == null ? void 0 : classes['Arm-Modal'], css.Modal),
       children: [title && /*#__PURE__*/_jsx("div", {
-        className: clsx('Arm-Modal__header', classes['Arm-Modal__header'], css.Modal__header),
+        className: clsx('Arm-Modal__header', classes == null ? void 0 : classes['Arm-Modal__header'], css.Modal__header),
         children: /*#__PURE__*/_jsxs("div", {
-          className: clsx('Arm-Modal__title', classes['Arm-Modal__title'], css.Modal__title),
+          className: clsx('Arm-Modal__title', classes == null ? void 0 : classes['Arm-Modal__title'], css.Modal__title),
           children: [title, onClose && /*#__PURE__*/_jsx(ButtonIcon, {
             variant: 'transparent',
             onClick: onClose,
-            className: clsx('Arm-Modal__close', classes['Arm-Modal__close'], css.Modal__close),
+            className: clsx('Arm-Modal__close', classes == null ? void 0 : classes['Arm-Modal__close'], css.Modal__close),
             color: 'neutral',
             size: 'medium',
             children: /*#__PURE__*/_jsx("span", {
@@ -40,13 +40,14 @@ export const BaseModal = props => {
           })]
         })
       }), /*#__PURE__*/_jsx("div", {
-        className: clsx('Arm-Modal__body', classes['Arm-Modal__body'], css.Modal__body),
+        className: clsx('Arm-Modal__body', classes == null ? void 0 : classes['Arm-Modal__body'], css.Modal__body),
         children: /*#__PURE__*/_jsx("div", {
           children: children
         })
       }), showControls && /*#__PURE__*/_jsx("div", {
-        className: clsx('Arm-Modal__footer', classes['Arm-Modal__footer'], css.Modal__footer),
+        className: clsx('Arm-Modal__footer', classes == null ? void 0 : classes['Arm-Modal__footer'], css.Modal__footer),
         children: /*#__PURE__*/_jsx(FormControls, {
+          className: classes == null ? void 0 : classes['Arm-FormControls'],
           onSubmit: onSubmit,
           onCancel: onCancel,
           submitProps: submitProps,