armtek-uikit-react 1.0.76 → 1.0.78

package/assets/Paper.scss

@@ -0,0 +1,20 @@
+@import "variables";
+
+.Paper{
+  border-radius: var(--border-radius);
+  background-color: #fff;
+  padding: calc(var(--size-step) * 2);
+}
+.Paper_elevation{
+  box-shadow: var(--box-shadow);
+}
+.Paper_outlined{
+  border: 1px solid var(--color-gray-300)
+}
+
+.Paper_dark{
+  background-color: var(--color-gray-700);
+  &.Paper_outlined{
+    border: 1px solid rgba(255, 255, 255, 0.2)
+  }
+}

package/assets/global.css

@@ -15,7 +15,7 @@ body{
     background-color: #DFE2E6;
     border-radius: 0px;
 }
-.app{
+:root{
     --font-family: 'Roboto';
     --size-elarge: 56px;
     --size-large: 42px;
@@ -460,13 +460,8 @@ body{
 
 
 
-.mt-1{margin-top:var(--size-step)}
-.mt-2{margin-top:calc(var(--size-step) * 2)}
-.mt-3{margin-top:calc(var(--size-step) * 3)}
-.mt-4{margin-top:calc(var(--size-step) * 4)}
-.mt-5{margin-top:calc(var(--size-step) * 5)}
-.mt-6{margin-top:calc(var(--size-step) * 6)}
 
+.m-0{margin: 0}
 .m-1{margin:var(--size-step)}
 .m-2{margin:calc(var(--size-step) * 2)}
 .m-3{margin:calc(var(--size-step) * 3)}
@@ -474,20 +469,32 @@ body{
 .m-5{margin:calc(var(--size-step) * 5)}
 .m-6{margin:calc(var(--size-step) * 6)}
 
-.mx-1{margin:0 var(--size-step)}
-.mx-2{margin:0 calc(var(--size-step) * 2)}
-.mx-3{margin:0 calc(var(--size-step) * 3)}
-.mx-4{margin:0 calc(var(--size-step) * 4)}
-.mx-5{margin:0 calc(var(--size-step) * 5)}
-.mx-6{margin:0 calc(var(--size-step) * 6)}
+.mx-0{margin-left:0;margin-right:0}
+.mx-1{margin-left:var(--size-step);margin-right:var(--size-step)}
+.mx-2{margin-left:calc(var(--size-step) * 2);margin-right:calc(var(--size-step) * 2)}
+.mx-3{margin-left:calc(var(--size-step) * 3);margin-right:calc(var(--size-step) * 3)}
+.mx-4{margin-left:calc(var(--size-step) * 4);margin-right:calc(var(--size-step) * 4)}
+.mx-5{margin-left:calc(var(--size-step) * 5);margin-right:calc(var(--size-step) * 5)}
+.mx-6{margin-left:calc(var(--size-step) * 6);margin-right:calc(var(--size-step) * 6)}
 
-.my-1{margin:var(--size-step) 0}
-.my-2{margin:calc(var(--size-step) * 2) 0}
-.my-3{margin:calc(var(--size-step) * 3) 0}
-.my-4{margin:calc(var(--size-step) * 4) 0}
-.my-5{margin:calc(var(--size-step) * 5) 0}
-.my-6{margin:calc(var(--size-step) * 6) 0}
+.my-0{margin-top:0;margin-bottom:0}
+.my-1{margin-top:var(--size-step);margin-right:var(--size-step)}
+.my-2{margin-top:calc(var(--size-step) * 2);margin-bottom:calc(var(--size-step) * 2)}
+.my-3{margin-top:calc(var(--size-step) * 3);margin-bottom:calc(var(--size-step) * 3)}
+.my-4{margin-top:calc(var(--size-step) * 4);margin-bottom:calc(var(--size-step) * 4)}
+.my-5{margin-top:calc(var(--size-step) * 5);margin-bottom:calc(var(--size-step) * 5)}
+.my-6{margin-top:calc(var(--size-step) * 6);margin-bottom:calc(var(--size-step) * 6)}
 
+
+.mt-0{margin-top: 0}
+.mt-1{margin-top:var(--size-step)}
+.mt-2{margin-top:calc(var(--size-step) * 2)}
+.mt-3{margin-top:calc(var(--size-step) * 3)}
+.mt-4{margin-top:calc(var(--size-step) * 4)}
+.mt-5{margin-top:calc(var(--size-step) * 5)}
+.mt-6{margin-top:calc(var(--size-step) * 6)}
+
+.mb-0{margin-bottom:0}
 .mb-1{margin-bottom:var(--size-step)}
 .mb-2{margin-bottom:calc(var(--size-step) * 2)}
 .mb-3{margin-bottom:calc(var(--size-step) * 3)}
@@ -495,6 +502,7 @@ body{
 .mb-5{margin-bottom:calc(var(--size-step) * 5)}
 .mb-6{margin-bottom:calc(var(--size-step) * 6)}
 
+.ml-0{margin-left:0}
 .ml-1{margin-left:var(--size-step)}
 .ml-2{margin-left:calc(var(--size-step) * 2)}
 .ml-3{margin-left:calc(var(--size-step) * 3)}
@@ -502,6 +510,7 @@ body{
 .ml-5{margin-left:calc(var(--size-step) * 5)}
 .ml-6{margin-left:calc(var(--size-step) * 6)}
 
+.mr-0{margin-right:0}
 .mr-1{margin-right:var(--size-step)}
 .mr-2{margin-right:calc(var(--size-step) * 2)}
 .mr-3{margin-right:calc(var(--size-step) * 3)}
@@ -509,6 +518,7 @@ body{
 .mr-5{margin-right:calc(var(--size-step) * 5)}
 .mr-6{margin-right:calc(var(--size-step) * 6)}
 
+.p-0{padding:0}
 .p-1{padding:var(--size-step)}
 .p-2{padding:calc(var(--size-step) * 2)}
 .p-3{padding:calc(var(--size-step) * 3)}
@@ -516,20 +526,24 @@ body{
 .p-5{padding:calc(var(--size-step) * 5)}
 .p-6{padding:calc(var(--size-step) * 6)}
 
-.px-1{padding:0 var(--size-step)}
-.px-2{padding:0 calc(var(--size-step) * 2)}
-.px-3{padding:0 calc(var(--size-step) * 3)}
-.px-4{padding:0 calc(var(--size-step) * 4)}
-.px-5{padding:0 calc(var(--size-step) * 5)}
-.px-6{padding:0 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-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)}
+.px-5{padding-left:calc(var(--size-step) * 5);padding-right:calc(var(--size-step) * 5)}
+.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-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)}
+.py-5{padding-top:calc(var(--size-step) * 5);padding-bottom:calc(var(--size-step) * 5)}
+.py-6{padding-top:calc(var(--size-step) * 6);padding-bottom:calc(var(--size-step) * 6)}
 
-.py-1{padding:var(--size-step) 0}
-.py-2{padding:calc(var(--size-step) * 2) 0}
-.py-3{padding:calc(var(--size-step) * 3) 0}
-.py-4{padding:calc(var(--size-step) * 4) 0}
-.py-5{padding:calc(var(--size-step) * 5) 0}
-.py-6{padding:calc(var(--size-step) * 6) 0}
 
+.pt-0{padding-top:0}
 .pt-1{padding-top:var(--size-step)}
 .pt-2{padding-top:calc(var(--size-step) * 2)}
 .pt-3{padding-top:calc(var(--size-step) * 3)}
@@ -537,6 +551,7 @@ body{
 .pt-5{padding-top:calc(var(--size-step) * 5)}
 .pt-6{padding-top:calc(var(--size-step) * 6)}
 
+.pb-0{padding-bottom:0}
 .pb-1{padding-bottom:var(--size-step)}
 .pb-2{padding-bottom:calc(var(--size-step) * 2)}
 .pb-3{padding-bottom:calc(var(--size-step) * 3)}
@@ -544,6 +559,7 @@ body{
 .pb-5{padding-bottom:calc(var(--size-step) * 5)}
 .pb-6{padding-bottom:calc(var(--size-step) * 6)}
 
+.pl-0{padding-left:0}
 .pl-1{padding-left:var(--size-step)}
 .pl-2{padding-left:calc(var(--size-step) * 2)}
 .pl-3{padding-left:calc(var(--size-step) * 3)}
@@ -551,6 +567,7 @@ body{
 .pl-5{padding-left:calc(var(--size-step) * 5)}
 .pl-6{padding-left:calc(var(--size-step) * 6)}
 
+.pr-0{padding-right:0}
 .pr-1{padding-right:var(--size-step)}
 .pr-2{padding-right:calc(var(--size-step) * 2)}
 .pr-3{padding-right:calc(var(--size-step) * 3)}

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.76","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.78","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

@@ -10,6 +10,6 @@ type OwnProps = {
     transitionProps?: DropDownProps['transitionProps'];
     triggerOnIcon?: boolean;
 };
-type AccordionProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
+export type AccordionProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
 declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/ui/Paper/Paper.d.ts

@@ -0,0 +1,9 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { ThemeType } from '../../types/theme';
+type OwnProps = {
+    variant?: 'elevation' | 'outlined';
+    theme?: ThemeType;
+};
+export type PaperProps = OwnProps & Omit<ComponentPropsWithoutRef<'div'>, keyof OwnProps>;
+declare const Paper: (props: PaperProps) => import("react/jsx-runtime").JSX.Element;
+export default Paper;

package/ui/Paper/Paper.js

@@ -0,0 +1,25 @@
+import clsx from 'clsx';
+import css from "./Paper.module.scss";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+const Paper = props => {
+  let {
+    children,
+    className,
+    theme,
+    variant = 'elevation',
+    ...divPops
+  } = props;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx("div", {
+      className: clsx(css.Paper, 'Arm-Paper', className, {
+        [css.Paper_elevation]: variant === 'elevation',
+        [css.Paper_outlined]: variant === 'outlined',
+        [css.Paper_dark]: theme === 'dark'
+      }),
+      ...divPops,
+      children: children
+    })
+  });
+};
+export default Paper;

package/ui/Paper/Paper.module.scss

@@ -0,0 +1 @@
+@import "./../../assets/Paper";

package/ui/Paper/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Paper';
+export * from './Paper';

package/ui/Paper/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Paper";
+export * from "./Paper";

package/ui/Popover/Popover.d.ts

@@ -0,0 +1,6 @@
+import { PopperBaseProps } from '../../ui/Popper';
+export type PopoverProps = {
+    onClose?: () => void;
+} & PopperBaseProps;
+export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Popover;

package/ui/Popover/Popover.js

@@ -0,0 +1,22 @@
+import BackDrop from "../BackDrop";
+import { PopperBase } from "../Popper";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const Popover = props => {
+  const {
+    onClose,
+    children,
+    ...poperProps
+  } = props;
+  if (!props.open) return null;
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(BackDrop, {
+      onClick: onClose,
+      children: /*#__PURE__*/_jsx(PopperBase, {
+        ...poperProps,
+        children: children
+      })
+    })
+  });
+};
+export default Popover;

package/ui/Popover/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Popover';

package/ui/Popover/index.js

@@ -0,0 +1 @@
+export { default } from "./Popover";

package/ui/Popper/Popper.d.ts

@@ -1,3 +1,4 @@
 import { PopperBaseProps } from './PopperBase';
-export declare const Popper: (props: PopperBaseProps) => import("react/jsx-runtime").JSX.Element | null;
+export type PopperProps = {} & PopperBaseProps;
+export declare const Popper: (props: PopperProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Popper;