armtek-uikit-react 1.0.91 → 1.0.92

package/assets/Accordion.scss

@@ -54,4 +54,31 @@
 .AccordionTitle_variant_alert,
 .AccordionTitle_variant_section{
   font-weight: 700;
+}
+
+.Accordion_variant_contained {
+  background-color: var(--color-gray-100);
+  padding: calc(var(--size-step) * 2);
+  &.Accordion_color_primary{
+    background-color: var(--color-primary);
+    color: #fff;
+  }
+  &.Accordion_color_secondary{
+    background-color: var(--color-secondary);
+    color: #fff;
+  }
+  &.Accordion_color_success{
+    background-color: var(--color-success);
+  }
+  &.Accordion_color_error{
+    background-color: var(--color-error);
+    color: #fff;
+  }
+  &.Accordion_color_warning{
+    background-color: var(--color-warning);
+  }
+  &.Accordion_color_info{
+    background-color: var(--color-info);
+    color: #fff;
+  }
 }

package/assets/Link.scss

@@ -10,6 +10,46 @@
   padding: 0;
   font-size: 16px;
   font-family: inherit;
+  text-decoration: none;
+  &:hover{
+    color: var(--color-primary-light)
+  }
+}
+.link_color_secondary{
+  color: var(--color-secondary);
+  &:hover{
+    color: var(--color-secondary-light)
+  }
+}
+.link_color_neutral{
+  color: var(--color-neutral);
+  &:hover{
+    color: var(--color-secondary-light)
+  }
+}
+.link_color_success{
+  color: var(--color-success);
+  &:hover{
+    color: var(--color-success-light)
+  }
+}
+.link_color_error{
+  color: var(--color-error);
+  &:hover{
+    color: var(--color-error-light);
+  }
+}
+.link_color_info{
+  color: var(--color-info);
+  &:hover{
+    color: var(--color-info-light);
+  }
+}
+.link_color_warning{
+  color: var(--color-warning);
+  &:hover{
+    color: var(--color-warning-light);
+  }
 }
 .link_dark{
   color: #fff;

package/assets/StepItem.scss

@@ -5,12 +5,14 @@
 }
 
 .stepItem__title{
-  font-weight: 700;
   margin: 2px 0 0 $size-step;
   position: relative;
   background: #fff;
   padding-right: 5px;
 }
+.stepItem__title_with_content{
+  font-weight: 700;
+}
 .stepItem__title_error{
   color: $color-error-dark
 }

package/assets/global.css

@@ -24,7 +24,9 @@ body{
     --size-step: 8px;
     --border-radius: 4px;
     --box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
-
+    --font-weight-regular: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
     --color-primary: #254FE9;
     --color-primary-rgba: 37, 79, 233;
     --color-primary-dark: #1D49D5;
@@ -201,6 +203,10 @@ body{
 .justify-center {justify-content: center}
 .justify-between {justify-content: space-between}
 
+.font-weight-regular{font-weight: var(--font-weight-regular)}
+.font-weight-medium{font-weight: var(--font-weight-medium)}
+.font-weight-bold{font-weight: var(--font-weight-bold)}
+
 .text-primary{color: var(--color-primary)}
 .text-primary-dark{color: var(--color-primary-dark)}
 .text-primary-light{color: var(--color-primary-light)}
@@ -578,6 +584,8 @@ body{
 .pr-5{padding-right:calc(var(--size-step) * 5)}
 .pr-6{padding-right:calc(var(--size-step) * 6)}
 
+.relative{position: relative}
+
 .mi,
 .material_icon {
     font-family: 'Material Symbols Outlined';

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.91","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.92","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/Accordion/Accordion.js

@@ -49,6 +49,14 @@ const Accordion = props => {
     if (!(transitionProps != null && transitionProps.unmountOnExit)) setContentHidden(false);
     if (transitionProps != null && transitionProps.onEnter) transitionProps.onEnter(isAppearing);
   };
+  let buttonColor = 'neutral';
+  let buttonTheme = 'light';
+  if (variant === 'contained') {
+    if (color === 'primary' || color === 'info' || color === 'error' || color === 'secondary') {
+      buttonColor = 'black';
+      buttonTheme = 'dark';
+    }
+  }
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs("div", {
       ...divPops,
@@ -77,7 +85,8 @@ const Accordion = props => {
           children: /*#__PURE__*/_jsx(ButtonIcon, {
             onClick: handleIconClick,
             size: 'small',
-            color: 'neutral',
+            color: buttonColor,
+            theme: buttonTheme,
             variant: 'transparent',
             children: /*#__PURE__*/_jsx("span", {
               className: "mi",

package/ui/Form/FormControls/FormControls.d.ts

@@ -13,7 +13,7 @@ type OwnProps = {
         submitBtn?: string;
         cancelBtn?: string;
     };
-} & ComponentPropsWithoutRef<'div'>;
+};
 export type FormControlsProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
 declare const FormControls: (props: FormControlsProps) => import("react/jsx-runtime").JSX.Element;
 export default FormControls;

package/ui/Link/Link.d.ts

@@ -1,8 +1,9 @@
 import { ComponentPropsWithoutRef, ElementType } from 'react';
-import { ThemeType } from '../../types/theme';
+import { ColorStatusType, ColorType, ThemeType } from '../../types/theme';
 type LinkType = 'a';
 type OwnProps<T extends ElementType = LinkType> = {
     border?: 'solid' | 'dotted' | 'dashed';
+    color?: ColorType | ColorStatusType;
     as?: T;
     disabled?: boolean;
     theme?: ThemeType;

package/ui/Link/Link.js

@@ -9,6 +9,7 @@ const Link = props => {
     disabled,
     className,
     theme,
+    color,
     as,
     ...restProps
   } = props;
@@ -19,7 +20,8 @@ const Link = props => {
       className: clsx('Arm-link', css.link, {
         [css.link_border]: !!border,
         [css.link_disabled]: !!disabled,
-        [css.link_dark]: theme === 'dark'
+        [css.link_dark]: theme === 'dark',
+        [css['link_color_' + color]]: !!color
       }, css['link_border_' + border], className),
       children: children
     })

package/ui/Modal/BaseModal.d.ts

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

package/ui/Stepper/StepItem.js

@@ -35,7 +35,8 @@ const StepItem = props => {
           })
         }), !!title && /*#__PURE__*/_jsx("p", {
           className: clsx(css.stepItem__title, {
-            [css.stepItem__title_error]: iconProps.error
+            [css.stepItem__title_error]: iconProps.error,
+            [css.stepItem__title_with_content]: content || children
           }),
           children: title
         })]