armtek-uikit-react 1.0.267 → 1.0.268

package/package.json

@@ -1 +1,97 @@
-{"name":"armtek-uikit-react","version":"1.0.267","description":"Armtek UIKit for React","main":"cjs/index.js","module":"esm/index.js","types":"esm/index.d.ts","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"@popperjs/core":"^2.11.8","clsx":"^2.0.0","date-fns":"^4.1.0","rc-slider":"^10.2.1","react":"<=18.2.0","react-datepicker":"^8.3.0","react-dom":"<=18.2.0","react-transition-group":"^4.4.5"},"peerDependencies":{"react":"<=18.2.0","react-dom":"<=18.2.0"},"engines":{"node":">=14.0.0"},"scripts":{"pub":"npm version patch && npm publish"}}
+{
+  "name": "armtek-uikit-react",
+  "version": "1.0.268",
+  "description": "Armtek UIKit for React",
+  "main": "lib/cjs/index.cjs",
+  "module": "lib/esm/index.js",
+  "types": "lib/esm/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./lib/esm/index.d.ts",
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.cjs"
+    },
+    "./assets/styles.min.css": "./lib/assets/styles.min.css",
+    "./*": {
+      "types": "./lib/esm/*.d.ts",
+      "import": "./lib/esm/*.js",
+      "require": "./lib/cjs/*.cjs"
+    }
+  },
+  "files": [
+    "lib",
+    "README.md"
+  ],
+  "scripts": {
+    "start": "storybook dev -p 3001 --no-open --config-dir ./config/storybook",
+    "build:storybook": "storybook build --config-dir ./config/storybook",
+    "clean:build": "node -e \"const fs=require('fs'); fs.rmSync('lib',{recursive:true,force:true}); fs.rmSync('types',{recursive:true,force:true});\"",
+    "build:esm": "vite build --config vite.config.ts --mode esm",
+    "build:cjs": "vite build --config vite.config.ts --mode cjs",
+    "build": "npm run clean:build && npm run build-types && npm run build:esm && npm run build:cjs && node config/postbuild-vite.mjs",
+    "build:all": "npm run build",
+    "build-types": "tsc --build tsconfig.build.json && tsc-alias -p tsconfig.build.json",
+    "test": "vitest run --config ./config/vitest/vitest.config.ts",
+    "test:watch": "vitest --config ./config/vitest/vitest.config.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "ssh://git@gl.corp:10022/int/uikit/uikit_react.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@popperjs/core": "^2.11.8",
+    "clsx": "^2.0.0",
+    "date-fns": "^4.1.0",
+    "rc-slider": "^10.2.1",
+    "react": "<=18.2.0",
+    "react-datepicker": "^8.3.0",
+    "react-dom": "<=18.2.0",
+    "react-transition-group": "^4.4.5"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^5.1.2",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/cli": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.0.0",
+    "@types/node": "^20.11.16",
+    "@types/react": "^18.2.20",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-transition-group": "^4.4.10",
+    "@typescript-eslint/eslint-plugin": "^6.4.0",
+    "@typescript-eslint/parser": "^6.4.0",
+    "@vitejs/plugin-react": "^5.2.0",
+    "babel-plugin-transform-next-use-client": "^1.1.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": "^9.1.7",
+    "fs-extra": "^11.1.1",
+    "identity-obj-proxy": "^3.0.0",
+    "jsdom": "^26.1.0",
+    "prettier": "^3.0.1",
+    "sass": "^1.84.0",
+    "storybook": "^10.3.5",
+    "ts-node": "^10.9.1",
+    "tsc-alias": "^1.8.8",
+    "typescript": "^5.1.6",
+    "vite": "^7.3.2",
+    "vitest": "^3.2.4"
+  },
+  "peerDependencies": {
+    "react": "<=18.2.0",
+    "react-dom": "<=18.2.0"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  }
+}

package/assets/Accordion.scss

@@ -1,123 +0,0 @@
-@use "variables";
-
-.arm-accordion_variant_section {
-  & + .arm-accordion_variant_section{
-    border-top: 1px solid var(--color-gray-300);
-    //padding-top: calc(var(--size-step) * 3);
-    //padding-bottom: calc(var(--size-step) * 3);
-  }
-}
-
-.arm-accordion__head{
-  position: relative;
-  display: flex;
-  align-items: center;
-  min-height: 47px;
-  padding: calc(var(--size-step) * 1) calc(var(--size-step) * 5) calc(var(--size-step) * 1) calc(var(--size-step) * 2);
-}
-.arm-accordion__head_size_large{
-  min-height: 63px;
-  padding: calc(var(--size-step) * 2) calc(var(--size-step) * 5) calc(var(--size-step) * 2) calc(var(--size-step) * 2);
-}
-.arm-accordion__content > *:last-child{
-    margin-bottom: 0;
-}
-.arm-accordion__content > *:first-child{
-    margin-top: 0;
-}
-
-
-.arm-accordion_size_large{
-  //padding: calc(var(--size-step) * 3) var(--size-step);
-}
-.arm-accordion__toggle{
-  position: absolute;
-  right: var(--size-step);
-  top:50%;
-  transform: translateY(-50%);
-}
-.arm-accordion_variant_blockquote{
-  border-left: 5px solid transparent;
-}
-.arm-accordion_color_primary{
-  border-color: var(--color-primary);
-}
-.arm-accordion_color_secondary{
-  border-color: var(--color-secondary);
-}
-.arm-accordion_color_neutral{
-  border-color: var(--color-neutral);
-}
-.arm-accordion_color_success{
-  border-color: var(--color-success);
-}
-.arm-accordion_color_error{
-  border-color: var(--color-error);
-}
-.arm-accordion_color_warning{
-  border-color: var(--color-warning);
-}
-.arm-accordion_color_info{
-  border-color: var(--color-blue-100);
-}
-.arm-accordion__title{
-  width: 100%;
-}
-.arm-accordion__title_variant_alert,
-.arm-accordion__title_variant_section{
-  font-weight: 700;
-}
-.arm-accordion_variant_contained{
-  border-radius: var(--border-radius);
-  overflow: hidden;
-  &.arm-accordion_color_info{
-    border: 1px solid var(--color-blue-400);
-  }
-}
-
-.arm-accordion__head_variant_contained {
-  background-color: var(--color-gray-100);
-  &.arm-accordion__head_color_primary{
-    background-color: var(--color-primary);
-    color: #fff;
-    & .arm-button{
-      color: #fff
-    }
-  }
-  &.arm-accordion__head_color_secondary{
-    background-color: var(--color-secondary);
-    color: #fff;
-    & .arm-button{
-      color: #fff
-    }
-  }
-  &.arm-accordion__head_color_success{
-    background-color: var(--color-success);
-  }
-  &.arm-accordion__head_color_error{
-    background-color: var(--color-error);
-    color: #fff;
-    & .arm-button{
-      color: #fff
-    }
-  }
-  &.arm-accordion__head_color_warning{
-    background-color: var(--color-warning);
-  }
-  &.arm-accordion__head_color_info{
-    background-color: var(--color-blue-100);
-  }
-}
-.arm-dropdown__Content{
-  padding: calc(var(--size-step) * 2);
-}
-
-.arm-theme-dark {
-  .arm-accordion__head_variant_contained{
-    background-color: var(--color-gray-700);
-    color: var(--color-white)
-  }
-  .arm-dropdown__Content{
-    color: var(--color-white)
-  }
-}

package/assets/Adornment.scss

@@ -1,23 +0,0 @@
-@use "variables";
-
-.arm-adornment > *{
-  display: block;
-}
-
-.arm-adornment__container{
-  display: flex;
-  align-items: center;
-}
-.arm-adornment__container_end{
-  margin-left: auto;
-}
-.arm-adornment_end{
-  & + * {
-    margin-left: var(--size-step);
-  }
-}
-.arm-adornment_start{
-  & + * {
-    margin-left: var(--size-step);
-  }
-}

package/assets/Alert.scss

@@ -1,57 +0,0 @@
-
-.arm-alert{
-  padding: calc(var(--size-step) * 2) calc(var(--size-step) * 5) calc(var(--size-step) * 2) calc(var(--size-step) * 7);
-  background: var(--color-gray-300);
-  border-radius: var(--border-radius);
-  position: relative;
-  &_no_icon{
-    padding-left: calc(var(--size-step) * 2);
-  }
-}
-.arm-alert__title{
-  font-weight: 700;
-  margin-bottom: calc(var(--size-step) / 2);
-}
-.arm-alert__close{
-  position: absolute;
-  top: calc(var(--size-step) / 2);
-  right: calc(var(--size-step) / 2);
-}
-.arm-alert__icon{
-  position: absolute;
-  top: calc(var(--size-step) * 2);
-  left: calc(var(--size-step) * 2);
-}
-.arm-alert_success{
-  color: var(--color-success-dark);
-  background: var(--color-green-50);
-}
-.arm-alert_warning{
-  color: var(--color-secondary-dark);
-  background: var(--color-orange-50);
-}
-.arm-alert_info{
-  color: var(--color-primary-dark);
-  background: var(--color-blue-50);
-}
-.arm-alert_error{
-  color: var(--color-error-dark);
-  background: var(--color-red-50);
-}
-.arm-alert_outlined{
-  background-color: transparent;
-  border: 1px solid transparent;
-  border-left-width: 6px;
-  &.arm-alert_success{
-    border-color: var(--color-success);
-  }
-  &.arm-alert_warning{
-    border-color: var(--color-warning);
-  }
-  &.arm-alert_info{
-    border-color: var(--color-info);
-  }
-  &.arm-alert_error{
-    border-color: var(--color-error);
-  }
-}

package/assets/Avatar.scss

@@ -1,111 +0,0 @@
-@use "variables" as v;
-
-
-
-.arm-avatar{
-  width: var(--size-elarge);
-  height: var(--size-elarge);
-  min-width: var(--size-elarge)elarge;
-  border-radius: 50%;
-  background: var(--color-primary);
-  color: #fff;
-  position: relative;
-}
-.arm-avatar__photo{
-  background: none;
-}
-.arm-avatar__icon{
-  background: var(--color-gray-400);
-}
-.arm-avatar__name{
-  text-transform: uppercase;
-}
-.arm-avatar__inner{
-  overflow: hidden;
-  border-radius: 50%;
-  width: 100%;
-  height: 100%;
-  @include v.flex(center);
-}
-.arm-avatar__text{
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  text-decoration: none;
-  color: inherit;
-}
-.arm-avatar_medium{
-  width: 40px;
-  height: 40px;
-  min-width: 40px;
-  & .arm-avatar__name{
-    font-size: 16px;
-  }
-  & .arm-avatar__icon{
-    font-size: 30px;
-  }
-  & .arm-avatar__status{
-    right: -2px;
-    bottom: -2px;
-  }
-}
-.arm-avatar_small{
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  & .arm-avatar__name{
-    font-size: 12px;
-  }
-  & .arm-avatar__icon{
-    font-size: 14px;
-  }
-  & .arm-avatar__status{
-    right: -5px;
-    bottom: -2px;
-  }
-}
-.arm-avatar__inner{
-  font-size: 0;
-  width:100%;
-  height: 100%;
-  display: block;
-}
-.arm-avatar__name{
-  font-size: 24px;
-}
-.arm-avatar__icon{
-  font-size: 38px;
-}
-.arm-avatar__img{
-  display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.arm-avatar__status{
-  position: absolute;
-  width: 14px;
-  height: 14px;
-  border:1px solid #fff;
-  border-radius: 50%;
-  right: 0;
-  bottom: 0;
-}
-.arm-avatar_square{
-  border-radius: 0
-}
-.arm-avatar_rounded{
-  border-radius: var(--border-radius);
-}
-.arm-avatar__status_success{
-  background: var(--color-success);
-}
-.arm-avatar__status_error{
-  background: var(--color-error-dark);
-}
-.arm-avatar__status_warning{
-  background: var(--color-warning);
-}

package/assets/AvatarGroup.scss

@@ -1,48 +0,0 @@
-@use 'variables' as v;
-
-.arm-avatar-group{
-  @include v.flex(flex-end);
-  transform: scale(-1, 1);
-}
-.arm-avatar-group_medium{
-  & .arm-avatar-group__item + .arm-avatar-group__item{
-    margin-left: -12px;
-  }
-}
-.arm-avatar-group_small{
-  & .arm-avatar-group__item + .arm-avatar-group__item{
-    margin-left: -8px;
-  }
-}
-.arm-avatar-group__remains{
-  width: 60px;
-  height: 60px;
-  min-width: 60px;
-  position: relative;
-  @include v.flex(center);
-  background: var(--bg-neutral-light);
-  font-size: 24px;
-  color: #fff;
-}
-.arm-avatar-group__remains_medium{
-  width: 44px;
-  height: 44px;
-  min-width: 44px;
-  font-size: 16px;
-}
-.arm-avatar-group__remains_small{
-  width: 28px;
-  height: 28px;
-  min-width: 28px;
-  font-size: 12px;
-}
-
-.arm-avatar-group__item{
-  position: relative;
-  transform: scale(-1, 1);
-  border: 2px solid #fff;
-  border-radius: 50%;
-  & + .arm-avatar-group__item{
-    margin-left: -15px;
-  }
-}

package/assets/BackDrop.scss

@@ -1,39 +0,0 @@
-
-.arm-backdrop {
-  position: fixed;
-  top:0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 9000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.arm-backdrop__overlay{
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  position: absolute;
-  max-height: 95%;
-  overflow: auto;
-}
-.arm-backdrop__inner{
-  //position: relative;
-  z-index: 2;
-  max-width: 500px;
-  width: 100%;
-}
-
-.arm-backdrop__inner_auto{
-  width: fit-content;
-  max-width: calc(100vw - 32px);
-  max-height: calc(100vh - 32px);
-}
-
-.arm-backdrop__inner_auto img{
-  display: block;
-  max-width: 100%;
-  height: auto;
-}

package/assets/Badge.scss

@@ -1,97 +0,0 @@
-@use "variables" as v;
-
-.arm-badge{
-  display: inline-block;
-  position: relative;
-}
-
-$vertical_offset: calc(100% - 6px);
-$horizontal_offset: calc(100% - 6px);
-
-.arm-badge__item{
-  background: var(--color-error);
-  color: #fff;
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  bottom: $vertical_offset;
-  left: $horizontal_offset;
-  border-radius: 50%;
-  &_primary{
-    background: var(--color-primary);
-  }
-  &_secondary{
-    background: var(--color-primary);
-  }
-  &_neutral{
-    background: var(--color-neutral);
-  }
-  &_error{
-    background: var(--color-error);
-  }
-  &_info{
-    background: var(--color-info);
-  }
-  &_warning{
-    background: var(--color-warning);
-  }
-  &_success{
-    background: var(--color-success);
-    color: var(--color-gray-900);
-  }
-}
-.arm-badge__item_content{
-  width: 20px;
-  height: 20px;
-  @include v.flex(center);
-  font-size: 12px;
-}
-
-.arm-badge__item_content_circle,
-.arm-badge__item_content_square{
-  width: auto;
-  height: auto;
-  border-radius: var(--border-radius);
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 20px;
-  padding:0 6px;
-}
-.arm-badge__item_content_circle{
-  border-radius: 10px;
-}
-
-.arm-badge__item_top-right{
-  bottom: $vertical_offset;
-  left: $horizontal_offset;
-}
-.arm-badge__item_top-left{
-  bottom: $vertical_offset;
-  right: $horizontal_offset;
-  left: auto;
-}
-.arm-badge__item_bottom-right{
-  top: $vertical_offset;
-  left: $horizontal_offset;
-  bottom: auto;
-}
-.arm-badge__item_bottom-left{
-  top: $vertical_offset;
-  right: $horizontal_offset;
-  left: auto;
-  bottom: auto;
-}
-.arm-badge__item_center-right{
-  top: 50%;
-  transform: translateY(-50%);
-  left: calc(100%  + 6px);
-  right: auto;
-  bottom: auto;
-}
-.arm-badge__item_center-left{
-  top: 50%;
-  transform: translateY(-50%);
-  right: calc(100%  + 6px);
-  left: auto;
-  bottom: auto;
-}