armtek-uikit-react 1.0.10 → 1.0.13

package/esm/assets/global.css

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

package/esm/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/esm/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/esm/lib/const/styles.d.ts

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

package/esm/lib/const/styles.js

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

package/esm/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/esm/ui/Button/Button.js

@@ -1,4 +1,4 @@
-import css from './Button.module.scss';
+import { ButtonClasses as css } from './ButtonClasses';
 import clsx from 'clsx';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/esm/ui/Button/ButtonClasses.d.ts

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

package/esm/ui/Button/ButtonClasses.js

@@ -0,0 +1,7 @@
+import { CSS_PREFIX } from 'lib/const/styles';
+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'];
+const ButtonClasses = ButtonClassesClean.reduce((prev, current) => {
+  prev[current] = CSS_PREFIX + current;
+  return prev;
+}, {});
+export { ButtonClasses, ButtonClassesClean };

package/esm/ui/Form/DatePicker/DatePicker.js

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react';
 import ReactDatePicker, { registerLocale } from 'react-datepicker';
 import '!style-loader!css-loader!./styles.css';
+// import './styles.css'
 import ru from 'date-fns/locale/ru';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";

package/esm/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/esm/ui/Slider/Slider.js

@@ -1,5 +1,7 @@
 import RcSlider from 'rc-slider';
 import '!style-loader!css-loader!./style.css';
+// import './style.css'
+
 import HelperText from '../HelperText/HelperText';
 import css from './Slider.module.scss';
 import { jsx as _jsx } from "react/jsx-runtime";

package/package.json

@@ -1 +1 @@
-{"name":"armtek-uikit-react","version":"1.0.10","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","type":"module","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","scripts":{"pub":"npm version patch && npm publish"}}
+{"name":"armtek-uikit-react","version":"1.0.13","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","type":"module","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/styles/package.json

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