armtek-uikit-react 1.0.76 → 1.0.77

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/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.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"}}

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