armtek-uikit-react 1.0.72 → 1.0.74

package/assets/Link.scss

@@ -11,6 +11,9 @@
   font-size: 16px;
   font-family: inherit;
 }
+.link_dark{
+  color: #fff;
+}
 .link_disabled{
   opacity: 0.7;
   pointer-events: none;

package/assets/ListItem.scss

@@ -51,4 +51,19 @@
   margin-top: calc($size-step / 2);
   display: block;
   color: $color-neutral-light;
+}
+.listitem_dark{
+  background-color: var(--color-gray-700);
+  color: var(--color-gray-200);
+  &:hover{
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  &.listitem_active,
+  &:active{
+    background-color: rgba(255, 255, 255, 0.2);
+  }
+  &.listitem_disabled{
+    color: var(--color-gray-600);
+    background-color: var(--color-gray-700);
+  }
 }

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.72","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.74","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/Adornment/Adornment.d.ts

@@ -1,6 +1,8 @@
 import { HTMLAttributes } from 'react';
+import { ThemeType } from '../../types/theme';
 type PropsType = {
     position?: 'start' | 'end';
+    theme?: ThemeType;
 } & HTMLAttributes<HTMLDivElement>;
 declare const Adornment: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
 export declare const AdornmentContainer: (props: PropsType) => import("react/jsx-runtime").JSX.Element;

package/ui/Adornment/Adornment.js

@@ -1,8 +1,9 @@
 import clsx from 'clsx';
 import css from "./Adornment.module.scss";
-// import { getCssPrefix } from 'lib/helpers/helpers'
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+// import { getCssPrefix } from 'lib/helpers/helpers'
+
 const AdornmentClasses = ['adornmentContainer', 'adornmentContainer_end', 'adornment_start', 'adornment_end'];
 
 // const css = getCssPrefix(AdornmentClasses)

package/ui/Form/Checkbox/Checkbox.d.ts

@@ -1,9 +1,10 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
-import { ColorType, SizeType, VariantType } from '../../../types/theme';
+import { ColorType, SizeType, ThemeType, VariantType } from '../../../types/theme';
 type BaseCheckboxPropsType = {
     label?: string | ReactNode;
     size?: Exclude<SizeType, 'extraLarge'>;
     color?: ColorType;
+    theme?: ThemeType;
     variant?: Exclude<VariantType, 'transparent'>;
     intermediate?: boolean;
 };

package/ui/Link/Link.d.ts

@@ -1,9 +1,11 @@
 import { ComponentPropsWithoutRef, ElementType } from 'react';
+import { ThemeType } from '../../types/theme';
 type LinkType = 'a';
 type OwnProps<T extends ElementType = LinkType> = {
     border?: 'solid' | 'dotted' | 'dashed';
     as?: T;
     disabled?: boolean;
+    theme?: ThemeType;
 };
 export type LinkProps<T extends ElementType = LinkType> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps<T>>;
 declare const Link: <T extends ElementType = "a">(props: LinkProps<T>) => import("react/jsx-runtime").JSX.Element;

package/ui/Link/Link.js

@@ -4,10 +4,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const Link = props => {
   let {
-    border = 'solid',
+    border,
     children,
     disabled,
     className,
+    theme,
     as,
     ...restProps
   } = props;
@@ -17,7 +18,8 @@ const Link = props => {
       ...restProps,
       className: clsx('Arm-link', css.link, {
         [css.link_border]: !!border,
-        [css.link_disabled]: !!disabled
+        [css.link_disabled]: !!disabled,
+        [css.link_dark]: theme === 'dark'
       }, css['link_border_' + border], className),
       children: children
     })

package/ui/List/ListItem.d.ts

@@ -1,10 +1,12 @@
 import { ButtonHTMLAttributes, ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactNode } from 'react';
+import { ThemeType } from '../../types/theme';
 export type OwnProps<T extends ElementType = ElementType> = {
     active?: boolean;
     checked?: boolean;
     divider?: boolean;
     endAdornment?: string | ReactNode;
     startAdornment?: string | ReactNode;
+    theme?: ThemeType;
     as?: T;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
 export type ListItemProps<T extends ElementType = ElementType<HTMLAttributes<HTMLButtonElement>>> = OwnProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof OwnProps>;

package/ui/List/ListItem.js

@@ -15,6 +15,7 @@ function ListItem(props) {
     className,
     title,
     active,
+    theme,
     divider,
     checked,
     startAdornment,
@@ -32,18 +33,21 @@ function ListItem(props) {
         [css.listitem_divider]: !!divider,
         [css.listitem_disabled]: !!restProps.disabled,
         [css.listitem_endAdornment]: !!endAdornment,
-        [css.listitem_startAdornment]: withStartAdornment
+        [css.listitem_startAdornment]: withStartAdornment,
+        [css.listitem_dark]: theme === 'dark'
       }),
       children: [withStartAdornment && /*#__PURE__*/_jsxs(AdornmentContainer, {
         children: [checked !== undefined && /*#__PURE__*/_jsx(Adornment, {
           position: 'start',
           children: /*#__PURE__*/_jsx(Checkbox, {
+            theme: theme,
             disabled: restProps.disabled,
             checked: checked,
             readOnly: true,
             size: 'small'
           })
         }), !!startAdornment && /*#__PURE__*/_jsx(Adornment, {
+          theme: theme,
           position: 'start',
           children: startAdornment
         })]
@@ -61,6 +65,7 @@ function ListItem(props) {
       }), !!endAdornment && /*#__PURE__*/_jsx(AdornmentContainer, {
         position: 'end',
         children: /*#__PURE__*/_jsx(Adornment, {
+          theme: theme,
           position: 'end',
           children: endAdornment
         })