armtek-uikit-react 1.0.77 → 1.0.80

package/assets/Badge.scss

@@ -87,4 +87,11 @@ $horizontal_offset: calc(100% - 6px);
   left: calc(100%  + 6px);
   right: auto;
   bottom: auto;
+}
+.badge__item_center-left{
+  top: 50%;
+  transform: translateY(-50%);
+  right: calc(100%  + 6px);
+  left: auto;
+  bottom: auto;
 }

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.77","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.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"}}

package/ui/Badge/Badge.d.ts

@@ -4,7 +4,7 @@ export type BadgeProps = {
     color?: ColorType | ColorStatusType;
     children: ReactNode | string;
     shape?: ShapeType;
-    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center-right';
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'center-right' | 'center-left';
     badgeText?: string | number;
     className?: string;
 };

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";