armtek-uikit-react 1.0.10 → 1.0.11

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/theme.d.ts

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

package/esm/lib/const/theme.js

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

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

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

package/esm/ui/Button/Button.classes.js

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

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 './Button.classes';
 import clsx from 'clsx';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

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.11","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","devDependencies":{"@babel/cli":"^7.22.15","@babel/core":"^7.22.17","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-proposal-export-default-from":"^7.22.17","@babel/plugin-proposal-export-namespace-from":"^7.18.9","@babel/plugin-proposal-private-methods":"^7.18.6","@babel/plugin-transform-export-namespace-from":"^7.22.11","@babel/plugin-transform-runtime":"^7.22.15","@babel/preset-env":"^7.22.10","@babel/preset-react":"^7.22.5","@babel/preset-typescript":"^7.22.5","@storybook/addon-actions":"^7.2.3","@storybook/addon-essentials":"^7.2.3","@storybook/addon-interactions":"^7.2.3","@storybook/addon-links":"^7.2.3","@storybook/addon-mdx-gfm":"^7.2.3","@storybook/cli":"^7.2.3","@storybook/react":"^7.2.3","@storybook/react-webpack5":"^7.2.3","@storybook/testing-library":"^0.2.0","@types/fs-extra":"^11.0.2","@types/node":"^20.7.2","@types/react":"^18.2.20","@types/react-datepicker":"^4.15.0","@types/react-dom":"^18.2.7","@types/webpack":"^5.28.3","@typescript-eslint/eslint-plugin":"^6.4.0","@typescript-eslint/parser":"^6.4.0","babel-loader":"^9.1.3","babel-plugin-add-module-exports":"^1.0.4","babel-plugin-dev-expression":"^0.2.3","babel-plugin-transform-next-use-client":"^1.1.1","babel-plugin-transform-remove-imports":"^1.7.0","babel-plugin-transform-rename-import":"^2.3.0","babel-preset-env-modules":"^1.0.1","clsx":"^2.0.0","css-loader":"^6.8.1","eslint":"^8.47.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.0","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-react":"^7.33.1","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-storybook":"^0.6.13","execa":"^8.0.1","file-loader":"^6.2.0","fs-extra":"^11.1.1","glob":"^10.3.4","html-webpack-plugin":"^5.5.3","mini-css-extract-plugin":"^2.7.6","prettier":"^3.0.1","read-pkg-up":"^10.1.0","sass":"^1.65.1","sass-loader":"^13.3.2","storybook":"^7.2.3","style-loader":"^3.3.3","tiny-glob":"^0.2.9","ts-loader":"^9.4.4","ts-node":"^10.9.1","tsconfig-paths-webpack-plugin":"^4.1.0","typescript":"^5.1.6","webpack":"^5.88.2","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}

package/theme/package.json

@@ -5,3 +5,5 @@
   "main": "../cjs/types/theme.js",
   "module": "../esm/types/theme.js"
 }
+theme.js"
+}