armtek-uikit-react 1.0.10 → 1.0.11

package/Button.classes/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "armtek-uikit-react/Button.classes",
+  "private": true,
+  "types": "../esm/ui/Button/Button.classes.d.ts",
+  "main": "../cjs/ui/Button/Button.classes.js",
+  "module": "../esm/ui/Button/Button.classes.js"
+}

package/cjs/assets/Adornment.scss

@@ -0,0 +1,16 @@
+.adornmentContainer{
+  display: flex;
+}
+.adornmentContainer_end{
+  margin-left: auto;
+}
+.adornment_end{
+  & + * {
+    margin-left: $size-step;
+  }
+}
+.adornment_start{
+  & + * {
+    margin-left: $size-step;
+  }
+}

package/cjs/assets/Button.scss

@@ -0,0 +1,297 @@
+
+.button{
+  outline: none;
+  border:1px solid transparent;
+  border-radius: $radius;
+  text-transform: uppercase;
+  padding: $size-step calc(3 * $size-step);
+  cursor: pointer;
+  @include transition(0.3s);
+  font-weight: 500;
+  font-size: 16px;
+  height: $size-elarge;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:disabled{
+    cursor: initial;
+  }
+}
+.button_contained {
+  &.button_primary{
+    color: #fff;
+    background: $color-primary;
+    &:hover{
+      background: $color-primary-dark;
+    }
+    &:active{
+      background: $color-blue-800;
+    }
+    &:disabled{
+      background: $color-primary-light;
+    }
+  }
+  &.button_secondary {
+    background: $color-secondary;
+    color: #fff;
+    &:hover{
+      background: $color-secondary-dark;
+    }
+    &:active{
+      background: $color-orange-800;
+    }
+    &:disabled{
+      background: $color-secondary-light;
+    }
+  }
+  &.button_neutral {
+    background: $color-neutral;
+    &:hover{
+      background: $color-neutral-dark;
+    }
+    &:active{
+      background: $color-gray-600;
+    }
+    &:disabled{
+      background: $color-secondary-light;
+    }
+  }
+  &.button_black {
+    background: $color-gray-900;
+    &:hover{
+      background: $color-neutral-dark;
+    }
+    &:active{
+      background: $color-gray-600;
+    }
+    &:disabled{
+      background: $color-secondary-light;
+    }
+  }
+}
+.button_outlined {
+  background: transparent;
+  &.button_primary{
+
+    color: $color-primary;
+    border-color: $color-primary;
+    background: transparent;
+    &:hover{
+      background: rgba($color-primary, 0.1);
+    }
+    &:active{
+      background: $color-blue-A100;
+    }
+    &:disabled{
+      color: $color-primary-light;
+      border-color: $color-primary-light;
+    }
+  }
+  &.button_secondary {
+    border-color: $color-secondary;
+    color: $color-secondary;
+    &:hover{
+      background: rgba($color-secondary, 0.1);
+    }
+    &:active{
+      background: $color-orange-100;
+    }
+    &:disabled{
+      color: $color-primary-light;
+      border-color: $color-primary-light;
+    }
+  }
+  &.button_neutral,
+  &.button_black {
+    border-color: $color-gray-900;
+    color: $color-gray-900;
+    &:hover{
+      background: rgba($color-neutral, 0.1);
+    }
+    &:active{
+      background: $color-gray-300;
+    }
+    &:disabled{
+      color: $color-neutral-light;
+      border-color: $color-neutral-light;
+    }
+  }
+}
+.button_transparent {
+  background: transparent;
+  &.button_primary{
+    color: $color-primary;
+    background: transparent;
+    &:hover{
+      background: rgba($color-primary, 0.1);
+    }
+    &:active{
+      background: $color-blue-A100;
+    }
+    &:disabled{
+      color: $color-primary-light;
+      background: none;
+    }
+  }
+  &.button_secondary {
+    color: $color-secondary;
+    &:hover{
+      background: rgba($color-secondary, 0.1);
+    }
+    &:active{
+      background: $color-orange-100;
+    }
+    &:disabled{
+      color: $color-primary-light;
+      background: none;
+    }
+  }
+  &.button_neutral,
+  &.button_black {
+    color: $color-gray-900;
+    &:hover{
+      background: rgba($color-neutral, 0.1);
+    }
+    &:active{
+      background: $color-gray-300;
+    }
+    &:disabled{
+      color: $color-neutral-light;
+      background: none;
+    }
+  }
+}
+
+.button__adornment{
+  font-size: inherit;
+}
+.button__adornment_end{
+  margin-left: $size-step;
+}
+.button__adornment_start{
+  margin-right: $size-step;
+}
+
+.button_large{
+  height: $size-large;
+  font-size: 15px;
+}
+.button_medium{
+  height: $size-medium;
+  font-size: 14px;
+}
+.button_small{
+  height: $size-small;
+  font-size: 13px;
+}
+
+.button_icon{
+  padding: $size-step;
+  width: $size-elarge;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 30px;
+  &.button_large{
+    width: $size-large;
+    font-size: 24px;
+  }
+  &.button_medium{
+    width: $size-medium;
+    font-size: 20px;
+  }
+  &.button_small{
+    width: $size-small;
+    padding: calc($size-step / 2);
+    font-size: 16px;
+  }
+}
+
+.button_group{
+  display: flex;
+  align-items: center;
+}
+.button_group_inline{
+  flex-direction: row;
+}
+.button_group_column{
+  flex-direction: column;
+}
+
+.button_grouped_inline{
+  border-radius: 0;
+  &:first-child{
+    border-top-left-radius: $radius;
+    border-bottom-left-radius: $radius;
+  }
+  &:last-child{
+    border-top-right-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+  &.button_contained{
+    &.button_primary + *{
+      border-left-color: $color-info-dark;
+    }
+    &.button_secondary + *{
+      border-left-color: $color-primary-dark;
+    }
+    &.button_neutral + *{
+      border-left-color: $color-neutral-dark;
+    }
+    &.button_black + *{
+      border-left-color: $color-neutral-dark;
+    }
+  }
+  &.button_outlined{
+    &.button_primary + *{
+      border-left-color: $color-info-dark;
+    }
+    &.button_primary:not(:last-child){
+      border-right: 0;
+    }
+    &.button_secondary + *{
+      border-left-color: $color-secondary;
+    }
+    &.button_secondary:not(:last-child){
+      border-right: 0;
+    }
+    &.button_neutral + *{
+      border-left-color: $color-neutral;
+    }
+    &.button_neutral:not(:last-child){
+      border-right: 0;
+    }
+    &.button_black + *{
+      border-left-color: $color-neutral;
+    }
+    &.button_black:not(:last-child){
+      border-right: 0;
+    }
+  }
+  &.button_transparent{
+    &.button_primary + *{
+      border-left-color: $color-gray-200;
+    }
+    &.button_secondary + *{
+      border-left-color: $color-gray-200;
+    }
+    &.button_neutral + *{
+      border-left-color: $color-gray-200;
+    }
+    &.button_black + *{
+      border-left-color: $color-gray-200;
+    }
+  }
+}
+.button_grouped_column{
+  border-radius: 0;
+  &:first-child{
+    border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
+  }
+  &:last-child{
+    border-bottom-left-radius: $radius;
+    border-bottom-right-radius: $radius;
+  }
+}

package/cjs/assets/global.css

@@ -3,6 +3,7 @@
 body{
     font-family: 'Roboto';
 }
+
 ::-webkit-scrollbar {
     width: 4px;
 }

package/cjs/assets/styles.scss

@@ -1,122 +1,6 @@
 //@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
 //@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
 
-
-$font-family: 'Roboto';
-
-
-$size-elarge: 56px;
-$size-large: 42px;
-$size-medium: 36px;
-$size-small: 30px;
-$size-step: 8px;
-
-$radius: 4px;
-
-$color-primary: #0D46FF;
-$color-primary-dark: #0B3CD9;
-$color-primary-light: #0B3CD9;
-$color-blue-800: #406DFF;
-$color-blue-A100: #D9E2FF;
-$color-blue-50: #F2F5FF;
-
-$color-info: #0D46FF;
-$color-info-dark: #0B3CD9;
-
-$color-secondary: #FF7F00;
-$color-secondary-dark: #D96C00;
-$color-secondary-light: #FFA140;
-$color-orange-800: #FF9426;
-$color-orange-400: #FFC68C;
-$color-orange-300: #FFD3A6;
-$color-orange-100: #FFE6CC;
-$color-orange-50: #FFF8F0;
-
-$color-neutral: #4D5359;
-$color-neutral-dark: #40454A;
-$color-neutral-light: #9AA4AE;
-$color-gray-900: #212529;
-$color-gray-800: #40454A;
-$color-gray-700: #4D5359;
-$color-gray-600: #6C757D;
-$color-gray-500: #9AA4AE;
-$color-gray-400: #B1BCC6;
-$color-gray-300: #D3DAE1;
-$color-gray-200: #DFE2E6;
-$color-gray-100: #E9ECEF;
-$color-gray-50: #F8F9FA;
-
-$color-greent-50: #F2FFFB;
-
-$color-success: #0BD998;
-$color-success-dark: #08996B;
-$color-error: #FF3342;
-$color-error-dark: #CC2935;
-$color-warning: #FFC61A;
-$color-warning-dark: #F7B519;
-
-$color-red-50: #FFF0F1;
-
-$box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
-
-@mixin transition($time: 0.5s, $target: all, $animation: ease) {
-  transition: $time $target $animation;
-}
-@mixin flex($justifyContent: flex-start, $alignItems: center) {
-  display: flex;
-  align-items: $alignItems;
-  justify-content: $justifyContent;
-}
-
-
-//@font-face {
-//  font-family: 'Material Symbols Outlined';
-//  font-style: normal;
-//  font-weight: 400;
-//  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v133/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
-//}
-
-//.material_icon {
-//  font-family: 'Material Symbols Outlined';
-//  font-weight: normal;
-//  font-style: normal;
-//  font-size: 24px;
-//  line-height: 1;
-//  letter-spacing: normal;
-//  text-transform: none;
-//  display: inline-block;
-//  white-space: nowrap;
-//  word-wrap: normal;
-//  direction: ltr;
-//  -webkit-font-feature-settings: 'liga';
-//  -webkit-font-smoothing: antialiased;
-//  &_filled{
-//    font-variation-settings:
-//      'FILL' 1
-//  }
-//}
-// .material-symbols-outlined {
-//   font-variation-settings:
-//           'FILL' 1,
-//           'wght' 400,
-//           'GRAD' 0,
-//           'opsz' 24
-// }
-
-
-.adornmentContainer{
-  display: flex;
-}
-.adornmentContainer_end{
-  margin-left: auto;
-}
-.adornment_end{
-  & + * {
-    margin-left: $size-step;
-  }
-}
-.adornment_start{
-  & + * {
-    margin-left: $size-step;
-  }
-}
+@import "variables";
+//@import "Button";
+@import "Adornment";

package/cjs/assets/variables.scss

@@ -0,0 +1,67 @@
+
+
+$font-family: 'Roboto';
+
+
+$size-elarge: 56px;
+$size-large: 42px;
+$size-medium: 36px;
+$size-small: 30px;
+$size-step: 8px;
+
+$radius: 4px;
+
+$color-primary: #0D46FF;
+$color-primary-dark: #0B3CD9;
+$color-primary-light: #0B3CD9;
+$color-blue-800: #406DFF;
+$color-blue-A100: #D9E2FF;
+$color-blue-50: #F2F5FF;
+
+$color-info: #0D46FF;
+$color-info-dark: #0B3CD9;
+
+$color-secondary: #FF7F00;
+$color-secondary-dark: #D96C00;
+$color-secondary-light: #FFA140;
+$color-orange-800: #FF9426;
+$color-orange-400: #FFC68C;
+$color-orange-300: #FFD3A6;
+$color-orange-100: #FFE6CC;
+$color-orange-50: #FFF8F0;
+
+$color-neutral: #4D5359;
+$color-neutral-dark: #40454A;
+$color-neutral-light: #9AA4AE;
+$color-gray-900: #212529;
+$color-gray-800: #40454A;
+$color-gray-700: #4D5359;
+$color-gray-600: #6C757D;
+$color-gray-500: #9AA4AE;
+$color-gray-400: #B1BCC6;
+$color-gray-300: #D3DAE1;
+$color-gray-200: #DFE2E6;
+$color-gray-100: #E9ECEF;
+$color-gray-50: #F8F9FA;
+
+$color-greent-50: #F2FFFB;
+
+$color-success: #0BD998;
+$color-success-dark: #08996B;
+$color-error: #FF3342;
+$color-error-dark: #CC2935;
+$color-warning: #FFC61A;
+$color-warning-dark: #F7B519;
+
+$color-red-50: #FFF0F1;
+
+$box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
+
+@mixin transition($time: 0.5s, $target: all, $animation: ease) {
+  transition: $time $target $animation;
+}
+@mixin flex($justifyContent: flex-start, $alignItems: center) {
+  display: flex;
+  align-items: $alignItems;
+  justify-content: $justifyContent;
+}

package/cjs/lib/const/theme.d.ts

@@ -0,0 +1 @@
+export declare const CSS_PREFIX = "Armtek-";

package/cjs/lib/const/theme.js

@@ -0,0 +1,6 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CSS_PREFIX = void 0;
+const CSS_PREFIX = 'Armtek-';
+exports.CSS_PREFIX = CSS_PREFIX;

package/cjs/ui/Button/Button.classes.d.ts

@@ -0,0 +1,3 @@
+declare const ButtonClassesClean: string[];
+declare const ButtonClasses: Record<string, string>;
+export { ButtonClasses, ButtonClassesClean };

package/cjs/ui/Button/Button.classes.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ButtonClassesClean = exports.ButtonClasses = void 0;
+var _theme = require("lib/const/theme");
+const ButtonClassesClean = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];
+exports.ButtonClassesClean = ButtonClassesClean;
+const ButtonClasses = ButtonClassesClean.reduce((prev, current) => {
+  prev[current] = _theme.CSS_PREFIX + current;
+  return prev;
+}, {});
+exports.ButtonClasses = ButtonClasses;

package/cjs/ui/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ElementType, HTMLAttributes, ReactNode } from 'react';
-import { ColorThemeType, ColorType, SizeType, VariantType } from '../../types/theme';
+import { ColorThemeType, ColorType, SizeType, VariantType } from 'types/theme';
 type OwnProps<T extends ElementType = ElementType> = {
     children: ReactNode;
     size?: SizeType;

package/cjs/ui/Button/Button.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _ButtonModule = _interopRequireDefault(require("./Button.module.scss"));
+var _Button = require("./Button.classes");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _jsxRuntime = require("react/jsx-runtime");
 const Button = props => {
@@ -23,16 +23,16 @@ const Button = props => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Component, {
       ...restProps,
-      className: (0, _clsx.default)(_ButtonModule.default.button, _ButtonModule.default['button_' + size], _ButtonModule.default['button_' + variant], _ButtonModule.default['button_' + color], className, {
-        [_ButtonModule.default['button_grouped_' + group]]: group
+      className: (0, _clsx.default)(_Button.ButtonClasses.button, _Button.ButtonClasses['button_' + size], _Button.ButtonClasses['button_' + variant], _Button.ButtonClasses['button_' + color], className, {
+        [_Button.ButtonClasses['button_grouped_' + group]]: group
       }),
       children: [startAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)(_ButtonModule.default.button__adornment, _ButtonModule.default.button__adornment_start),
+        className: (0, _clsx.default)(_Button.ButtonClasses.button__adornment, _Button.ButtonClasses.button__adornment_start),
         children: startAdornment
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         children: children
       }), endAdornment && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _clsx.default)(_ButtonModule.default.button__adornment, _ButtonModule.default.button__adornment_end),
+        className: (0, _clsx.default)(_Button.ButtonClasses.button__adornment, _Button.ButtonClasses.button__adornment_end),
         children: endAdornment
       })]
     })

package/cjs/ui/Form/DatePicker/DatePicker.js

@@ -10,6 +10,8 @@ var _ru = _interopRequireDefault(require("date-fns/locale/ru"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+// import './styles.css'
+
 (0, _reactDatepicker.registerLocale)('ru', _ru.default);
 const renderDayContents = day => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/cjs/ui/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import '!style-loader!css-loader!./style.css';
 import { SliderProps as RcSliderProps } from 'rc-slider/lib/Slider';
-import { SizeType } from '../../types/theme';
+import { SizeType } from 'types/theme';
 export type SliderProps = {
     size?: Exclude<SizeType, 'extraLarge' | 'medium'>;
 } & Omit<RcSliderProps, 'size'>;

package/cjs/ui/Slider/Slider.js

@@ -8,6 +8,8 @@ require("!style-loader!css-loader!./style.css");
 var _HelperText = _interopRequireDefault(require("../HelperText/HelperText"));
 var _SliderModule = _interopRequireDefault(require("./Slider.module.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
+// import './style.css'
+
 const Slider = props => {
   let {
     size = 'large',

package/dist/armtek-uikit-react-main.js

@@ -30,6 +30,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/lib/const/theme.ts":
+/*!********************************!*\
+  !*** ./src/lib/const/theme.ts ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   CSS_PREFIX: () => (/* binding */ CSS_PREFIX)\n/* harmony export */ });\nvar CSS_PREFIX = 'Armtek-';\n\n//# sourceURL=webpack://ArmtekUIKitReact/./src/lib/const/theme.ts?");
+
+/***/ }),
+
 /***/ "./src/ui/Adornment/Adornment.tsx":
 /*!****************************************!*\
   !*** ./src/ui/Adornment/Adornment.tsx ***!
@@ -85,6 +96,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/ui/Button/Button.classes.ts":
+/*!*****************************************!*\
+  !*** ./src/ui/Button/Button.classes.ts ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ButtonClasses: () => (/* binding */ ButtonClasses),\n/* harmony export */   ButtonClassesClean: () => (/* binding */ ButtonClassesClean)\n/* harmony export */ });\n/* harmony import */ var lib_const_theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lib/const/theme */ \"./src/lib/const/theme.ts\");\n\nvar ButtonClassesClean = ['button', 'button_contained', 'button_transparent', 'button_outlined', 'button_primary', 'button_secondary', 'button_neutral', 'button_black', 'button__adornment', 'button__adornment_end', 'button__adornment_start', 'button_large', 'button_medium', 'button_small', 'button_icon', 'button_group', 'button_group_inline', 'button_group_column', 'button_grouped_inline', 'button_grouped_column'];\nvar ButtonClasses = ButtonClassesClean.reduce(function (prev, current) {\n  prev[current] = lib_const_theme__WEBPACK_IMPORTED_MODULE_0__.CSS_PREFIX + current;\n  return prev;\n}, {});\n\n\n//# sourceURL=webpack://ArmtekUIKitReact/./src/ui/Button/Button.classes.ts?");
+
+/***/ }),
+
 /***/ "./src/ui/Button/Button.tsx":
 /*!**********************************!*\
   !*** ./src/ui/Button/Button.tsx ***!
@@ -92,7 +114,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Button.module.scss */ \"./src/ui/Button/Button.module.scss\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n    }\n    return t;\n  };\n  return __assign.apply(this, arguments);\n};\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n\n\nvar Button = function Button(props) {\n  var _a;\n  var _b = props.size,\n    size = _b === void 0 ? 'extraLarge' : _b,\n    _c = props.color,\n    color = _c === void 0 ? 'primary' : _c,\n    _d = props.variant,\n    variant = _d === void 0 ? 'contained' : _d,\n    endAdornment = props.endAdornment,\n    startAdornment = props.startAdornment,\n    children = props.children,\n    className = props.className,\n    group = props.group,\n    as = props.as,\n    restProps = __rest(props, [\"size\", \"color\", \"variant\", \"endAdornment\", \"startAdornment\", \"children\", \"className\", \"group\", \"as\"]);\n  var Component = as || 'button';\n  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {\n    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(Component, __assign({}, restProps, {\n      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].button, _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"]['button_' + size], _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"]['button_' + variant], _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"]['button_' + color], className, (_a = {}, _a[_Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"]['button_grouped_' + group]] = group, _a)),\n      children: [startAdornment && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n        className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].button__adornment, _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].button__adornment_start),\n        children: startAdornment\n      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n        children: children\n      }), endAdornment && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n        className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].button__adornment, _Button_module_scss__WEBPACK_IMPORTED_MODULE_1__[\"default\"].button__adornment_end),\n        children: endAdornment\n      })]\n    }))\n  });\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);\n\n//# sourceURL=webpack://ArmtekUIKitReact/./src/ui/Button/Button.tsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n/* harmony import */ var _Button_classes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Button.classes */ \"./src/ui/Button/Button.classes.ts\");\n/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ \"./node_modules/clsx/dist/clsx.mjs\");\nvar __assign = undefined && undefined.__assign || function () {\n  __assign = Object.assign || function (t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n    }\n    return t;\n  };\n  return __assign.apply(this, arguments);\n};\nvar __rest = undefined && undefined.__rest || function (s, e) {\n  var t = {};\n  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];\n  if (s != null && typeof Object.getOwnPropertySymbols === \"function\") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];\n  }\n  return t;\n};\n\n\n\nvar Button = function Button(props) {\n  var _a;\n  var _b = props.size,\n    size = _b === void 0 ? 'extraLarge' : _b,\n    _c = props.color,\n    color = _c === void 0 ? 'primary' : _c,\n    _d = props.variant,\n    variant = _d === void 0 ? 'contained' : _d,\n    endAdornment = props.endAdornment,\n    startAdornment = props.startAdornment,\n    children = props.children,\n    className = props.className,\n    group = props.group,\n    as = props.as,\n    restProps = __rest(props, [\"size\", \"color\", \"variant\", \"endAdornment\", \"startAdornment\", \"children\", \"className\", \"group\", \"as\"]);\n  var Component = as || 'button';\n  return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {\n    children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(Component, __assign({}, restProps, {\n      className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses.button, _Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses['button_' + size], _Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses['button_' + variant], _Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses['button_' + color], className, (_a = {}, _a[_Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses['button_grouped_' + group]] = group, _a)),\n      children: [startAdornment && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n        className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses.button__adornment, _Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses.button__adornment_start),\n        children: startAdornment\n      }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n        children: children\n      }), endAdornment && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(\"div\", {\n        className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses.button__adornment, _Button_classes__WEBPACK_IMPORTED_MODULE_1__.ButtonClasses.button__adornment_end),\n        children: endAdornment\n      })]\n    }))\n  });\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Button);\n\n//# sourceURL=webpack://ArmtekUIKitReact/./src/ui/Button/Button.tsx?");
 
 /***/ }),