armtek-uikit-react 1.0.13 → 1.0.15

package/cjs/ui/Slider/Slider.module.scss

@@ -1,6 +0,0 @@
-@import "../../assets/styles";
-
-.slider__helperText{
-  @include flex(space-between);
-  margin-top: 8px;
-}

package/cjs/ui/Status/Status.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _StatusModule = _interopRequireDefault(require("./Status.module.scss"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Status(props) {
-  let {
-    color,
-    icon,
-    text,
-    children
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: (0, _clsx.default)(_StatusModule.default.status, _StatusModule.default['status_' + color]),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _StatusModule.default.status__content,
-        children: text || children
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _clsx.default)(_StatusModule.default.status__icon, 'material_icon'),
-        children: icon
-      })]
-    })
-  });
-}
-var _default = Status;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Stepper/StepItem.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import { StepItemIconProps } from './StepItemIcon';
-import { ButtonProps } from '../Button/Button';
-export type StepItemProps = {
-    title: string;
-    children?: ReactNode | string;
-    content?: ReactNode | string;
-    button?: string;
-    buttonProps?: ButtonProps;
-    last?: boolean;
-    orientation?: 'horizontal' | 'vertical';
-} & StepItemIconProps;
-declare const StepItem: (props: StepItemProps) => import("react/jsx-runtime").JSX.Element;
-export default StepItem;

package/cjs/ui/Stepper/StepItem.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _StepItemIcon = _interopRequireDefault(require("./StepItemIcon"));
-var _StepItemModule = _interopRequireDefault(require("./StepItem.module.scss"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _jsxRuntime = require("react/jsx-runtime");
-const StepItem = props => {
-  let {
-    title,
-    children,
-    content,
-    button,
-    buttonProps,
-    last,
-    orientation = 'horizontal',
-    ...iconProps
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _clsx.default)(_StepItemModule.default.stepItem, _StepItemModule.default['stepItem_' + props.size], {
-        [_StepItemModule.default.stepItem_last]: last,
-        [_StepItemModule.default.stepItem_horizontal]: orientation === 'horizontal'
-      }),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _StepItemModule.default.stepItem__inner,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _StepItemModule.default.stepItem__icon,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepItemIcon.default, {
-            ...iconProps
-          })
-        }), !!title && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          className: (0, _clsx.default)(_StepItemModule.default.stepItem__title, {
-            [_StepItemModule.default.stepItem__title_error]: iconProps.error
-          }),
-          children: title
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _StepItemModule.default.stepItem__content,
-        children: [content || children, !!button && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _StepItemModule.default.stepItem__button,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-            ...buttonProps,
-            children: button
-          })
-        })]
-      })]
-    })
-  });
-};
-var _default = StepItem;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Stepper/StepItem.module.scss

@@ -1,67 +0,0 @@
-@import "../../assets/styles";
-
-.stepItem__inner{
-  @include flex(flex-start, flex-start)
-}
-
-.stepItem__title{
-  font-weight: 700;
-  margin: 2px 0 0 $size-step;
-  position: relative;
-  background: #fff;
-  padding-right: 5px;
-}
-.stepItem__title_error{
-  color: $color-error-dark
-}
-
-.stepItem__content{
-  padding-left: 23px;
-  border-left: 1px solid #B1BCC6;
-  margin-left: 11px;
-  margin-top:5px;
-  position: relative;
-}
-.stepItem__button{
-  margin-top: $size-step;
-}
-
-
-.stepItem_small{
-  & .stepItem__content,
-  & .stepItem__title{
-    font-size: 14px;
-  }
-  & .stepItem__content{
-    padding-left: 19px;
-    margin-left: 10px;
-  }
-  &.stepItem_horizontal{
-    & .stepItem__content:before{
-      top: -15px;
-    }
-  }
-}
-.stepItem_last{
-  & .stepItem__content{
-    border-color:transparent;
-    &:before{
-      display: none;
-    }
-  }
-}
-.stepItem_horizontal{
-  & .stepItem__content{
-    border-color:transparent;
-  }
-  & .stepItem__content:before{
-    content: '';
-    position: absolute;
-    top: -19px;
-    width: 100%;
-    left: 22px;
-    height: 1px;
-    background: #B1BCC6;
-    z-index: -1;
-  }
-}

package/cjs/ui/Stepper/StepItemIcon.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _StepItemIconModule = _interopRequireDefault(require("./StepItemIcon.module.scss"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _jsxRuntime = require("react/jsx-runtime");
-const StepItemIcon = props => {
-  let icon = '';
-  if (!props.number) {
-    if (props.active) icon = 'schedule';else if (props.complete) icon = 'done';
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)(_StepItemIconModule.default.stepItemIcon, _StepItemIconModule.default['stepItemIcon_' + props.size], {
-        [_StepItemIconModule.default.stepItemIcon_active]: props.active,
-        [_StepItemIconModule.default.stepItemIcon_error]: props.error,
-        [_StepItemIconModule.default.stepItemIcon_complete]: props.complete,
-        [_StepItemIconModule.default.stepItemIcon_icon]: !props.icon
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _StepItemIconModule.default.stepItemIcon__inner,
-        children: !props.error ? !props.number ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: 'material_icon_solid',
-          children: icon
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _StepItemIconModule.default.stepItemIcon__number,
-          children: props.number
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: 'material_icon_solid',
-          children: "warning"
-        })
-      })
-    })
-  });
-};
-var _default = StepItemIcon;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Stepper/Stepper.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _StepItem = _interopRequireDefault(require("./StepItem"));
-var _StepperModule = _interopRequireDefault(require("./Stepper.module.scss"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-const Stepper = props => {
-  var _props$steps;
-  let {
-    orientation = 'horizontal'
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)(_StepperModule.default.stepper, _StepperModule.default['stepper_' + props.size], {
-        [_StepperModule.default.stepper_horizontal]: orientation === 'horizontal'
-      }),
-      children: (_props$steps = props.steps) == null ? void 0 : _props$steps.map((item, index) => {
-        var _props$steps2;
-        let title = typeof item === 'string' || typeof item === 'number' ? String(item) : item.title;
-        let params = typeof item === 'string' || typeof item === 'number' ? {} : item;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_StepItem.default, {
-            error: index + 1 === props.error,
-            active: index + 1 === props.active,
-            complete: index + 1 === props.complete || index + 1 < (props.active || 0),
-            ...params,
-            title: title,
-            last: index + 1 === ((_props$steps2 = props.steps) == null ? void 0 : _props$steps2.length),
-            orientation: orientation,
-            size: props.size
-          }), index + 1 < props.steps.length && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: _StepperModule.default.stepper__connector
-          })]
-        }, index);
-      })
-    })
-  });
-};
-var _default = Stepper;
-exports.default = _default;
-module.exports = exports.default;

package/cjs/ui/Tooltip/Tooltip.js

@@ -1,32 +0,0 @@
-"use strict";
-"use client";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.default = void 0;
-var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.scss"));
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-function Tooltip(props) {
-  let {
-    text,
-    children
-  } = props;
-  let [visible, setVisible] = (0, _react.useState)(false);
-  const handleEnter = () => setVisible(true);
-  const handleLeave = () => setVisible(false);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-      className: _TooltipModule.default.tooltip,
-      onMouseEnter: handleEnter,
-      onMouseLeave: handleLeave,
-      children: [children, visible && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _TooltipModule.default.tooltip__item,
-        children: text
-      })]
-    })
-  });
-}
-var _default = Tooltip;
-exports.default = _default;
-module.exports = exports.default;