armtek-uikit-react 1.0.80 → 1.0.82

package/assets/Accordion.scss

@@ -1,12 +1,57 @@
 @import "variables";
 
+.Accordion_variant_section {
+  & + .Accordion_variant_section{
+    border-top: 1px solid var(--color-gray-300)
+  }
+}
+
 .AccordionHead{
   position: relative;
   padding-right: 40px;
 }
+
+.AccordionBody *:last-child{
+  margin-bottom: 0;
+}
+.AccordionBody *:first-child{
+  margin-top: 0;
+}
+.Accordion_size_large{
+  //padding: calc(var(--size-step) * 3) var(--size-step);
+}
 .AccordionToggle{
   position: absolute;
   right: var(--size-step);
   top:50%;
   transform: translateY(-50%);
+}
+.Accordion_variant_alert{
+  padding-left: calc(var(--size-step) * 2);
+  border-left: 5px solid transparent;
+}
+.Accordion_color_primary{
+  border-color: var(--color-primary);
+}
+.Accordion_color_secondary{
+  border-color: var(--color-secondary);
+}
+.Accordion_color_neutral{
+  border-color: var(--color-neutral);
+}
+.Accordion_color_success{
+  border-color: var(--color-success);
+}
+.Accordion_color_error{
+  border-color: var(--color-error);
+}
+.Accordion_color_warning{
+  border-color: var(--color-warning);
+}
+.Accordion_color_info{
+  border-color: var(--color-info);
+}
+.AccordionTitle_variant_alert,
+.AccordionTitle_variant_section{
+  font-weight: 700;
 }

package/assets/Button.scss

@@ -18,6 +18,9 @@
   &:disabled{
     cursor: initial;
   }
+  &_fullWidth{
+    width: 100%;
+  }
 }
 .button__iconWrapper{
   position: absolute;

package/assets/TextField.scss

@@ -82,7 +82,7 @@
   }
 }
 .textfield_error{
-  border-color: $color-error-dark;
+  border-color: var(--color-error-dark) !important;
 }
 
 .textfield__label_small{

package/assets/global.css

@@ -527,7 +527,7 @@ body{
 .p-6{padding:calc(var(--size-step) * 6)}
 
 .px-0{padding-left:0;padding-right:0}
-.px-1{padding-left:var(--size-step);margin-right:var(--size-step)}
+.px-1{padding-left:var(--size-step);padding-bottom:var(--size-step)}
 .px-2{padding-left:calc(var(--size-step) * 2);padding-right:calc(var(--size-step) * 2)}
 .px-3{padding-left:calc(var(--size-step) * 3);padding-right:calc(var(--size-step) * 3)}
 .px-4{padding-left:calc(var(--size-step) * 4);padding-right:calc(var(--size-step) * 4)}
@@ -535,7 +535,7 @@ body{
 .px-6{padding-left:calc(var(--size-step) * 6);padding-right:calc(var(--size-step) * 6)}
 
 .py-0{padding-top:0;padding-bottom:0}
-.py-1{padding-top:var(--size-step);margin-right:var(--size-step)}
+.py-1{padding-top:var(--size-step);padding-bottom:var(--size-step)}
 .py-2{padding-top:calc(var(--size-step) * 2);padding-bottom:calc(var(--size-step) * 2)}
 .py-3{padding-top:calc(var(--size-step) * 3);padding-bottom:calc(var(--size-step) * 3)}
 .py-4{padding-top:calc(var(--size-step) * 4);padding-bottom:calc(var(--size-step) * 4)}

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.80","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.82","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.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { DropDownProps } from '../Dropdown';
+import { ColorStatusType, ColorType, SizeType } from '../../types/theme';
 type ClassNames = 'AccordionHead' | 'AccordionBody' | 'AccordionTitle' | 'AccordionToggle';
 type OwnProps = {
     title: string | ReactNode;
@@ -9,6 +10,9 @@ type OwnProps = {
     onChange?: () => void;
     transitionProps?: DropDownProps['transitionProps'];
     triggerOnIcon?: boolean;
+    variant?: 'alert' | 'contained' | 'blockquote' | 'section';
+    color?: ColorType | ColorStatusType;
+    size?: SizeType;
 };
 export type AccordionProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
 declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/ui/Accordion/Accordion.js

@@ -19,6 +19,9 @@ const Accordion = props => {
     onChange,
     triggerOnIcon,
     transitionProps,
+    variant,
+    color,
+    size,
     ...divPops
   } = props;
   const [isExpanded, setIsExpanded] = useState(!!defaultExpanded);
@@ -47,12 +50,25 @@ const Accordion = props => {
   return /*#__PURE__*/_jsx(_Fragment, {
     children: /*#__PURE__*/_jsxs("div", {
       ...divPops,
-      className: clsx(css.Accordion, className),
+      className: clsx(css.Accordion, className, {
+        [css['Accordion_size_' + size]]: !!size,
+        [css['Accordion_variant_' + variant]]: !!variant,
+        [css['Accordion_color_' + color]]: !!color
+      }),
       children: [/*#__PURE__*/_jsxs("div", {
-        className: clsx(css.AccordionHead, classNames == null ? void 0 : classNames.AccordionHead),
+        className: clsx(css.AccordionHead, classNames == null ? void 0 : classNames.AccordionHead, {
+          [css['AccordionHead_variant_' + variant]]: !!variant,
+          [css['AccordionHead_color_' + color]]: !!color,
+          'py-1': size === 'small',
+          'py-2': size === 'medium',
+          'py-3': size === 'large',
+          'py-4': size === 'extraLarge'
+        }),
         onClick: handleHeadClick,
         children: [/*#__PURE__*/_jsx("div", {
-          className: clsx(classNames == null ? void 0 : classNames.AccordionTitle),
+          className: clsx(classNames == null ? void 0 : classNames.AccordionTitle, {
+            [css['AccordionTitle_variant_' + variant]]: !!variant
+          }),
           children: title
         }), /*#__PURE__*/_jsx("div", {
           className: clsx(classNames == null ? void 0 : classNames.AccordionTitle, css.AccordionToggle),
@@ -68,7 +84,10 @@ const Accordion = props => {
           })
         })]
       }), /*#__PURE__*/_jsx("div", {
-        className: clsx(classNames == null ? void 0 : classNames.AccordionBody),
+        className: clsx(classNames == null ? void 0 : classNames.AccordionBody, css.AccordionBody, {
+          [css['AccordionBody_variant_' + variant]]: !!variant,
+          [css['AccordionBody_color_' + color]]: !!color
+        }),
         children: /*#__PURE__*/_jsx(Dropdown, {
           transitionProps: {
             unmountOnExit: true,

package/ui/Button/Button.d.ts

@@ -11,6 +11,7 @@ type OwnProps<T extends ElementType = BtnType> = {
     radius?: boolean;
     asIcon?: boolean;
     theme?: ThemeType;
+    fullWidth?: boolean;
     as?: T;
 };
 export type ButtonProps<T extends ElementType = BtnType> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;

package/ui/Button/Button.js

@@ -20,6 +20,7 @@ const Button = props => {
     radius,
     asIcon,
     theme,
+    fullWidth,
     as,
     ...restProps
   } = props;
@@ -31,6 +32,7 @@ const Button = props => {
         [css['button_grouped_' + group]]: group,
         [css.button_radius_none]: radius === false,
         [css.button_radius_full]: radius === true,
+        [css.button_fullWidth]: !!fullWidth,
         [css['button_theme_' + theme]]: !!theme
       }),
       children: [startAdornment && /*#__PURE__*/_jsx("div", {

package/ui/Form/TextField/TextField.js

@@ -73,9 +73,9 @@ export const TextField = /*#__PURE__*/forwardRef((props, ref) => {
         focused: realFocused,
         error: error,
         multiline: multiline,
+        ...inputProps,
         onFocus: handleFocus,
-        onBlur: handleBlur,
-        ...inputProps
+        onBlur: handleBlur
       }), endContentExists && endContent]
     }), helperText && /*#__PURE__*/_jsx(HelperText, {
       className: css.textfield__helperText,