mimir-ui-kit 0.0.24 → 1.0.1

package/README.md

@@ -1,29 +1,54 @@
 # Mimir-ui
 
 ## Установка и запуск проекта
+
 1. Установите зависимости:
    ```bash
    npm install
+   ```
 2. Запуск storybook
-    ```bash
+   ```bash
    npm run storybook
+   ```
+
 ## Сборка проекта
+
 1. Скрипт для сборки
-    ```bash
-    npm run build
+   ```bash
+   npm run build
+   ```
+
 ## Поднятие версии для публикации на npm
+
 Для поднятия версии пакета перед публикацией на npm используем следующие скрипты:
 
 1. `patch`: Этот скрипт увеличивает версию пакета на один патч (например, с версии 1.0.0 до 1.0.1). Он автоматически обновляет версию в файле package.json и создает коммит с обновленной версией.
-     ```bash
-    npm version patch
+   ```bash
+   npm version patch
+   ```
 2. `minor`: Этот скрипт увеличивает версию пакета на один минорный уровень (например, с версии 1.0.0 до 1.1.0). Также обновляет версию в package.json и создает коммит.
-     ```bash
-    npm version minor
+   ```bash
+   npm version minor
+   ```
 3. `major`: Этот скрипт увеличивает версию пакета на один мажорный уровень (например, с версии 1.0.0 до 2.0.0). Он также обновляет версию в package.json и создает коммит.
-     ```bash
-    npm version major
+   ```bash
+   npm version major
+   ```
+
 ## Публикация на npm
+
 1. Скрипт для публикации на npm:
-    ```bash
-    npm publish
+   ```bash
+   npm publish
+   ```
+
+## Ручная Генерация иконок
+
+1. Экспортируем с фигмы иконку.
+2. Добавляем ее в папку svgs.
+3. Запускаем скрипт:
+   ```bash
+   npm run icons
+   ```
+4. Смотрим в папку `icons/components`
+5. Готово.

package/package.json

@@ -1,91 +1,111 @@
-{
-  "name": "mimir-ui-kit",
-  "private": false,
-  "version": "0.0.24",
-  "type": "module",
-  "exports": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "**/*.{css,scss}"
-  ],
-  "scripts": {
-    "build": "tsc --p ./tsconfig-build.json && vite build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "ts:check": "tsc -b",
-    "lint:fix": "eslint . --ext ts,tsx --fix",
-    "lint:prettier": "npx prettier . --write",
-    "lint:stylelint": "stylelint '**/*{.css,.scss}'",
-    "lint:stylelint:fix": "stylelint '**/*{.css,.scss}' --fix",
-    "prepare": "husky"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.6.1",
-    "@headlessui/react": "^2.1.2",
-    "@laynezh/vite-plugin-lib-assets": "^0.5.23",
-    "@storybook/addon-essentials": "^8.2.2",
-    "@storybook/addon-interactions": "^8.2.2",
-    "@storybook/addon-links": "^8.2.2",
-    "@storybook/addon-onboarding": "^8.2.2",
-    "@storybook/blocks": "^8.2.2",
-    "@storybook/builder-vite": "^8.2.2",
-    "@storybook/react": "^8.2.2",
-    "@storybook/react-vite": "^8.2.2",
-    "@storybook/test": "^8.2.2",
-    "@types/node": "^20.14.10",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.13.1",
-    "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "^10.4.19",
-    "classnames": "^2.5.1",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "10.3.10",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.7",
-    "prettier": "^3.3.3",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "sass": "^1.77.7",
-    "storybook": "^8.2.2",
-    "stylelint": "^16.7.0",
-    "stylelint-config-idiomatic-order": "^10.0.0",
-    "stylelint-config-rational-order": "^0.1.2",
-    "stylelint-config-standard": "^36.0.1",
-    "stylelint-order": "^6.0.4",
-    "stylelint-prettier": "^5.0.0",
-    "stylelint-scss": "^6.4.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.3.1",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1"
-  },
-  "peerDependencies": {
-    "@headlessui/react": "^2.1.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "**/*.{ts,tsx}": [
-      "eslint",
-      "prettier --write"
-    ],
-    "**/*.{css,scss}": [
-      "stylelint --fix"
-    ]
-  }
-}
+{
+  "name": "mimir-ui-kit",
+  "private": false,
+  "version": "1.0.1",
+  "type": "module",
+  "exports": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.{css,scss}"
+  ],
+  "scripts": {
+    "build": "tsc --p ./tsconfig-build.json && vite build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "ts:check": "tsc -b",
+    "lint:fix": "eslint . --ext ts,tsx --fix",
+    "lint:prettier": "npx prettier . --write",
+    "lint:stylelint": "stylelint '**/*.module{.css,.scss}'",
+    "lint:stylelint:fix": "stylelint '**/*.module{.css,.scss}' --fix",
+    "icons": "svgr --expand-props start ./src/icons/svgs",
+    "prepare": "husky"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.1",
+    "@headlessui/react": "^2.1.2",
+    "@laynezh/vite-plugin-lib-assets": "^0.5.23",
+    "@loadable/component": "^5.15.2",
+    "@storybook/addon-essentials": "^8.2.2",
+    "@storybook/addon-interactions": "^8.2.2",
+    "@storybook/addon-links": "^8.2.2",
+    "@storybook/addon-onboarding": "^8.2.2",
+    "@storybook/blocks": "^8.2.2",
+    "@storybook/builder-vite": "^8.2.2",
+    "@storybook/react": "^8.2.2",
+    "@storybook/react-vite": "^8.2.2",
+    "@storybook/test": "^8.2.2",
+    "@svgr/cli": "^8.1.0",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/fs-extra": "^11.0.4",
+    "@types/loadable__component": "^5.13.9",
+    "@types/node": "^20.14.10",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.19",
+    "axios": "^1.7.2",
+    "chalk": "4.1.2",
+    "classnames": "^2.5.1",
+    "dotenv": "^16.4.5",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "fs-extra": "^11.2.0",
+    "glob": "10.3.10",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
+    "p-limit": "^6.1.0",
+    "prettier": "^3.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^6.0.1",
+    "sass": "^1.77.7",
+    "storybook": "^8.2.2",
+    "stylelint": "^16.7.0",
+    "stylelint-config-idiomatic-order": "^10.0.0",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-standard": "^36.0.1",
+    "stylelint-order": "^6.0.4",
+    "stylelint-prettier": "^5.0.0",
+    "stylelint-scss": "^6.4.0",
+    "superagent": "^9.0.2",
+    "ts-node": "10.9.2",
+    "tsx": "^4.16.2",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "vite-plugin-svgr": "^4.2.0"
+  },
+  "peerDependencies": {
+    "@headlessui/react": "^2.1.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "**/*.{ts,tsx}": [
+      "eslint",
+      "prettier --write"
+    ],
+    "**/*.{css,scss}": [
+      "stylelint --fix"
+    ]
+  },
+  "dependencies": {
+    "use-clipboard-copy": "^0.2.0"
+  }
+}

package/dist/assets/Button.css

@@ -1 +0,0 @@
-._button_r2t0t_1{--button-loader-color: var(--button-color);--button-cursor: pointer;position:relative;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:600;font-size:14px;font-family:var(--font-inter);line-height:16px;white-space:nowrap;text-decoration:none;text-overflow:ellipsis;background:var(--button-bg-color);border:none;border-radius:var(--control-radius);cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._xs_r2t0t_29{--button-height: var(--button-height-xs);--button-font-size: var(--control-text-size-xs);--button-space: var(--control-space-xs);--button-margin-icon: 4px;--button-border-radius: var(--button-border-radius-s)}._s_r2t0t_37{--button-height: var(--button-height-s);--button-font-size: var(--control-text-size-s);--button-space: var(--control-space-s);--button-margin-icon: 4px;--button-border-radius: var(--button-border-radius-s)}._m_r2t0t_45{--button-height: var(--button-height-m);--button-font-size: var(--control-text-size-m);--button-space: var(--control-space-m);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-m)}._l_r2t0t_53{--button-height: var(--button-height-l);--button-font-size: var(--control-text-size-l);--button-space: var(--control-space-l);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-l)}._xl_r2t0t_61{--button-height: var(--button-height-xl);--button-space: var(--control-space-l);--button-margin-icon: 8px;--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._xxl_r2t0t_70{--button-height: var(--button-height-xxl);--button-space: var(--control-space-xxl);--button-border-radius: var(--button-border-radius-l);font-weight:var(--font-weight-text-medium);font-size:var(--size-text-l)}._default-button_r2t0t_78._primary-sapphire_r2t0t_78{--button-bg-color: var(--sapphire-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--sapphire-active);--button-bg-color-hover: var(--sapphire-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_r2t0t_78._primary-citrine_r2t0t_87{--button-bg-color: var(--citrine-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--citrine-active);--button-bg-color-hover: var(--citrine-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_r2t0t_78._secondary-asphalt_r2t0t_96{--button-bg-color: var(--asphalt-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--asphalt-active);--button-bg-color-hover: var(--asphalt-hover);--button-color: var(--light-text);--button-border: transparent}._default-button_r2t0t_78._secondary-gray_r2t0t_105{--button-bg-color: var(--gray-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--gray-active);--button-bg-color-hover: var(--gray-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_r2t0t_78._secondary-white_r2t0t_114{--button-bg-color: var(--white-normal);--button-color-hover: var(--counter-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-bg-color-hover: var(--white-hover);--button-color: var(--dark-text);--button-border: transparent}._default-button_r2t0t_78._secondary-red_r2t0t_123{--button-bg-color: var(--red-normal);--button-color-hover: var(--light-text);--button-color-active: var(--light-text);--button-bg-color-active: var(--red-active);--button-bg-color-hover: var(--red-hover);--button-color: var(--light-text);--button-border: transparent}._round-button_r2t0t_133{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;border-radius:var(--button-border-radius)}._round-button_r2t0t_133._black_r2t0t_140{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._round-button_r2t0t_133._gray_r2t0t_149{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._round-button_r2t0t_133._white_r2t0t_158{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._button_r2t0t_1:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_r2t0t_1:active{color:var(--button-color-active);background:var(--button-bg-color-active)}._button_r2t0t_1:focus{box-shadow:0 0 2px var(--sapphire-normal)}._full_r2t0t_182{display:block;width:100%}._disabled_r2t0t_187{--button-cursor: not-allowed;color:var(--light-text);background-color:var(--disabled)}._disabled_r2t0t_187:hover,._disabled_r2t0t_187:active,._disabled_r2t0t_187:focus{color:var(--light-text);background-color:var(--disabled);box-shadow:none}._right-icon_r2t0t_198,._left-icon_r2t0t_199{align-self:center}._right-icon_r2t0t_198{margin-left:var(--button-margin-icon)}._left-icon_r2t0t_199{margin-right:var(--button-margin-icon)}

package/dist/assets/Input.css

@@ -1 +0,0 @@
-._input_1k42j_1{--button-border-radius-l: 8px;--button-border-radius-m: 6px;--button-border-radius-s: 6px;position:relative;display:block;width:100%;min-width:0;height:var(--input-height);padding-top:0;padding-inline:var(--input-padding) var(--input-padding);color:var(--dark-text);font-size:var(--input-font-size);font-family:var(--font-inter);letter-spacing:-.42px;background:none;background-color:var(--input-bg-color);border-bottom:1px solid transparent;border-radius:var(--input-border-radius);outline:none;cursor:var(--input-cursor);font-feature-settings:"zero";transition:background-color .2s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._s_1k42j_27{--input-height: var(--space-xxl);--input-font-size: var(--control-text-size-s);--input-padding: var(--space-m);--input-padding-position: var(--space-1xs);--input-border-radius: var(--button-border-radius-s);--label-font-size: var(--size-text-xs);--label-scaled: .8;--label-spacing: var(--space-1xs)}._m_1k42j_38{--input-height: var(--space-4xl);--input-font-size: var(--control-text-size-m);--input-padding: var(--space-m);--input-padding-position: var(--space-xs);--input-border-radius: var(--button-border-radius-m);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-xs)}._l_1k42j_49{--input-height: var(--space-4xxl);--input-font-size: var(--control-text-size-2xl);--input-padding: var(--space-m);--input-padding-position: var(--space-s);--input-border-radius: var(--button-border-radius-l);--label-font-size: var(--size-text-s);--label-scaled: .6;--label-spacing: var(--space-s)}._default-gray_1k42j_60{--input-bg-color: var(--black-5);--input-bg-color-active: var(--black-10);--input-bg-color-hover: var(--black-10);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--black-60)}._default-white_1k42j_72{--input-bg-color: var(--white);--input-bg-color-hover: var(--black-60);--input-bg-color-active: var(--white);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--citrine-normal);--label-color: var(--dark-text)}._default-white_1k42j_72::-moz-placeholder{color:var(--input-color)}._default-white_1k42j_72::placeholder{color:var(--input-color)}._default-white_1k42j_72:hover::-moz-placeholder{color:var(--input-color)}._default-white_1k42j_72:hover::placeholder{color:var(--input-color)}._success_1k42j_90{--input-bg-color: var(--success-normal);--input-bg-color-hover: var(--success-bg-hover);--input-bg-color-active: var(--success-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--success-normal);--label-color: var(--black-60)}._success_1k42j_90::-moz-placeholder{color:var(--input-color)}._success_1k42j_90::placeholder{color:var(--input-color)}._success_1k42j_90:hover::-moz-placeholder{color:var(--input-color)}._success_1k42j_90:hover::placeholder{color:var(--input-color)}._alarm_1k42j_108{--input-bg-color: var(--alarm-normal);--input-bg-color-hover: var(--alarm-bg-hover);--input-bg-color-active: var(--alarm-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--alarm-normal);--label-color: var(--black-60)}._alarm_1k42j_108::-moz-placeholder{color:var(--input-color)}._alarm_1k42j_108::placeholder{color:var(--input-color)}._alarm_1k42j_108:hover::-moz-placeholder{color:var(--input-color)}._alarm_1k42j_108:hover::placeholder{color:var(--input-color)}._error_1k42j_126{--input-bg-color: var(--error-normal);--input-bg-color-hover: var(--error-bg-hover);--input-bg-color-active: var(--error-bg-active);--input-color: var(--dark-text);--input-color-hover: var(--dark-text);--input-color-active: var(--dark-text);--input-border: transparent;--input-bottom-color-active: var(--error-normal);--label-color: var(--black-60)}._error_1k42j_126::-moz-placeholder{color:var(--input-color)}._error_1k42j_126::placeholder{color:var(--input-color)}._error_1k42j_126:hover::-moz-placeholder{color:var(--input-color)}._error_1k42j_126:hover::placeholder{color:var(--input-color)}._input_1k42j_1:hover{color:var(--input-color-hover);background:var(--input-bg-color-hover)}._input_1k42j_1:focus{color:var(--input-color-active);background-color:var(--input-bg-color-active);border-bottom:1px solid var(--input-bottom-color-active)}._disabled_1k42j_155{--input-cursor: not-allowed;color:var(--light-text);background-color:var(--black-20)}._disabled_1k42j_155:hover,._disabled_1k42j_155:active,._disabled_1k42j_155:focus{color:var(--light-text);background-color:var(--black-20);border:none;box-shadow:none}._disabled_1k42j_155::-moz-placeholder{color:var(--light-text)}._disabled_1k42j_155::placeholder{color:var(--light-text)}._disabled_1k42j_155:hover::-moz-placeholder{color:var(--light-text)}._disabled_1k42j_155:hover::placeholder{color:var(--light-text)}._input-wrapper_1k42j_173{position:relative}._has-label_1k42j_177{padding-top:var(--input-padding-position)}._label_1k42j_181{position:absolute;top:calc(var(--input-height) / 2 - var(--input-font-size) / 2);left:var(--space-m);z-index:1;display:block;color:var(--label-color);font-size:var(--input-font-size);white-space:nowrap;background-color:var(--color-background);transform-origin:left center;cursor:var(--input-cursor);transition:transform .15s ease-out,color .15s ease-out;pointer-events:none}._label_1k42j_181._active-label_1k42j_196{transform:scale(var(--label-scaled)) translateY(calc((var(--input-height) / 2 - var(--label-font-size) / 2) * -1))}

package/dist/assets/InputPassword.css

@@ -1 +0,0 @@
-._input_1vatm_1{padding-right:var(--space-3xl)}._wrapper_1vatm_5{position:relative;display:flex;align-items:center;border-radius:8px}._wrapper_1vatm_5 svg{color:inherit;fill:inherit}._input-wrapper_1vatm_16{flex:1}._button-wrapper_1vatm_20{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_1vatm_20{flex:1;align-self:center;background-color:transparent;border-radius:8px}

package/dist/assets/OtpInput.css

@@ -1 +0,0 @@
-._otp_jnjdw_2{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 767px){._otp_jnjdw_2{-moz-column-gap:4.65px;column-gap:4.65px}}._input-wrapper_jnjdw_14{flex:0 0 64px;padding:0}@media (max-width: 767px){._input-wrapper_jnjdw_14{flex:0 0 48px}}._input_jnjdw_14{text-align:center}._separator_jnjdw_28{display:block;flex:0 0 54px;align-self:center;height:1px;background-color:var(--black-100)}

package/dist/assets/index.css

@@ -1 +0,0 @@
-@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(./fonts/585d10920d676fcd.woff2) format("woff2"),url(./fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(./fonts/f4d681a788c6d497.woff2) format("woff2"),url(./fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(./fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(./fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(./fonts/e51d2feb30084bc2.woff2) format("woff2"),url(./fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(./fonts/63611593e008a77c.woff2) format("woff2"),url(./fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(./fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(./fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(./fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(./fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}:root{font-feature-settings:"zero"}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgb(255 255 255 / 40%);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-m: 1.3em;--line-height-text-l: 1.4em;--line-height-text-xl: 1.5em;--control-radius: 6px;--control-radius-l: 24px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-1xs: 6px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 20px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--box-shadow-active: 0 0 2px var(--sapphire-normal)}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero";font-variant-numeric:slashed-zero}body{font-family:Inter,sans-serif;font-variant-numeric:slashed-zero;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/components/Button/Button.d.ts

@@ -1,84 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { TButtonDefaultFormProps, TButtonRoundFormProps } from './types';
-
-export type TProps = (TButtonDefaultFormProps | TButtonRoundFormProps) & ComponentProps<'button'> & {
-    /**
-     * Класс, применяемый к корневому элементу кнопки.
-     */
-    className?: string;
-    /**
-     * Флаг, указывающий, отключена ли кнопка.
-     */
-    disabled?: boolean;
-    /**
-     * Иконка справа.
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Иконка слева.
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Флаг, указывающий, что кнопка занимает все доступное пространство.
-     */
-    full?: boolean;
-    /**
-     * Идентификатор формы, к которой привязана кнопка.
-     */
-    formId?: string;
-};
-/**
- * Компонент кнопки, который можно настраивать с различными темами и размерами.
-
- */
-export declare const Button: import('react').ForwardRefExoticComponent<(Omit<TButtonDefaultFormProps & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Класс, применяемый к корневому элементу кнопки.
-     */
-    className?: string;
-    /**
-     * Флаг, указывающий, отключена ли кнопка.
-     */
-    disabled?: boolean;
-    /**
-     * Иконка справа.
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Иконка слева.
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Флаг, указывающий, что кнопка занимает все доступное пространство.
-     */
-    full?: boolean;
-    /**
-     * Идентификатор формы, к которой привязана кнопка.
-     */
-    formId?: string;
-}, "ref"> | Omit<TButtonRoundFormProps & import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
-    /**
-     * Класс, применяемый к корневому элементу кнопки.
-     */
-    className?: string;
-    /**
-     * Флаг, указывающий, отключена ли кнопка.
-     */
-    disabled?: boolean;
-    /**
-     * Иконка справа.
-     */
-    rightIcon?: ReactNode;
-    /**
-     * Иконка слева.
-     */
-    leftIcon?: ReactNode;
-    /**
-     * Флаг, указывающий, что кнопка занимает все доступное пространство.
-     */
-    full?: boolean;
-    /**
-     * Идентификатор формы, к которой привязана кнопка.
-     */
-    formId?: string;
-}, "ref">) & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Button/Button.js

@@ -1,86 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { EButtonVariantDefault, EButtonForm } from "./constants.js";
-import '../../assets/Button.css';const button = "_button_r2t0t_1";
-const xs = "_xs_r2t0t_29";
-const s = "_s_r2t0t_37";
-const m = "_m_r2t0t_45";
-const l = "_l_r2t0t_53";
-const xl = "_xl_r2t0t_61";
-const xxl = "_xxl_r2t0t_70";
-const black = "_black_r2t0t_140";
-const gray = "_gray_r2t0t_149";
-const white = "_white_r2t0t_158";
-const full = "_full_r2t0t_182";
-const disabled = "_disabled_r2t0t_187";
-const cls = {
-  button,
-  xs,
-  s,
-  m,
-  l,
-  xl,
-  xxl,
-  "default-button": "_default-button_r2t0t_78",
-  "primary-sapphire": "_primary-sapphire_r2t0t_78",
-  "primary-citrine": "_primary-citrine_r2t0t_87",
-  "secondary-asphalt": "_secondary-asphalt_r2t0t_96",
-  "secondary-gray": "_secondary-gray_r2t0t_105",
-  "secondary-white": "_secondary-white_r2t0t_114",
-  "secondary-red": "_secondary-red_r2t0t_123",
-  "round-button": "_round-button_r2t0t_133",
-  black,
-  gray,
-  white,
-  full,
-  disabled,
-  "right-icon": "_right-icon_r2t0t_198",
-  "left-icon": "_left-icon_r2t0t_199"
-};
-const Button = forwardRef(
-  (props, ref) => {
-    const {
-      size = "m",
-      variant = EButtonVariantDefault.PrimarySapphire,
-      form = EButtonForm.DefaultButton,
-      full: full2,
-      children,
-      className,
-      formId,
-      rightIcon,
-      leftIcon,
-      disabled: disabled2,
-      ...otherProps
-    } = props;
-    const mods = {
-      [cls.full]: full2,
-      [cls.disabled]: disabled2,
-      [cls[variant ?? ""]]: !disabled2
-    };
-    const buttonClassNames = classNames(cls.button, mods, [
-      cls[form ?? ""],
-      cls[size],
-      className
-    ]);
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        form: formId,
-        ...otherProps,
-        disabled: disabled2,
-        ref,
-        className: buttonClassNames,
-        children: [
-          leftIcon && /* @__PURE__ */ jsx("span", { className: cls["left-icon"], children: leftIcon }),
-          children,
-          rightIcon && /* @__PURE__ */ jsx("span", { className: cls["right-icon"], children: rightIcon })
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-export {
-  Button
-};

package/dist/components/Button/constants.d.ts

@@ -1,25 +0,0 @@
-export declare enum EButtonVariantDefault {
-    PrimarySapphire = "primary-sapphire",
-    PrimaryCitrine = "primary-citrine",
-    SecondaryAsphalt = "secondary-asphalt",
-    SecondaryGray = "secondary-gray",
-    SecondaryWhite = "secondary-white",
-    SecondaryRed = "secondary-red"
-}
-export declare enum EButtonVariantRound {
-    Black = "black",
-    Gray = "gray",
-    White = "white"
-}
-export declare enum EButtonSize {
-    XS = "xs",
-    S = "s",
-    M = "m",
-    L = "l",
-    XL = "xl",
-    XXL = "xxl"
-}
-export declare enum EButtonForm {
-    DefaultButton = "default-button",
-    RoundButton = "round-button"
-}

package/dist/components/Button/constants.js

@@ -1,35 +0,0 @@
-var EButtonVariantDefault = /* @__PURE__ */ ((EButtonVariantDefault2) => {
-  EButtonVariantDefault2["PrimarySapphire"] = "primary-sapphire";
-  EButtonVariantDefault2["PrimaryCitrine"] = "primary-citrine";
-  EButtonVariantDefault2["SecondaryAsphalt"] = "secondary-asphalt";
-  EButtonVariantDefault2["SecondaryGray"] = "secondary-gray";
-  EButtonVariantDefault2["SecondaryWhite"] = "secondary-white";
-  EButtonVariantDefault2["SecondaryRed"] = "secondary-red";
-  return EButtonVariantDefault2;
-})(EButtonVariantDefault || {});
-var EButtonVariantRound = /* @__PURE__ */ ((EButtonVariantRound2) => {
-  EButtonVariantRound2["Black"] = "black";
-  EButtonVariantRound2["Gray"] = "gray";
-  EButtonVariantRound2["White"] = "white";
-  return EButtonVariantRound2;
-})(EButtonVariantRound || {});
-var EButtonSize = /* @__PURE__ */ ((EButtonSize2) => {
-  EButtonSize2["XS"] = "xs";
-  EButtonSize2["S"] = "s";
-  EButtonSize2["M"] = "m";
-  EButtonSize2["L"] = "l";
-  EButtonSize2["XL"] = "xl";
-  EButtonSize2["XXL"] = "xxl";
-  return EButtonSize2;
-})(EButtonSize || {});
-var EButtonForm = /* @__PURE__ */ ((EButtonForm2) => {
-  EButtonForm2["DefaultButton"] = "default-button";
-  EButtonForm2["RoundButton"] = "round-button";
-  return EButtonForm2;
-})(EButtonForm || {});
-export {
-  EButtonForm,
-  EButtonSize,
-  EButtonVariantDefault,
-  EButtonVariantRound
-};

package/dist/components/Button/index.d.ts

@@ -1,2 +0,0 @@
-export { Button, type TProps as TButtonProps } from './Button';
-export { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from './constants';

package/dist/components/Button/index.js

@@ -1,9 +0,0 @@
-import { Button } from "./Button.js";
-import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from "./constants.js";
-export {
-  Button,
-  EButtonForm,
-  EButtonSize,
-  EButtonVariantDefault,
-  EButtonVariantRound
-};

package/dist/components/Button/types.d.ts

@@ -1,14 +0,0 @@
-import { EButtonSize, EButtonVariantDefault, EButtonVariantRound, EButtonForm } from './constants';
-
-type TButtonRoundFormSize = Exclude<EButtonSize, 'xxl'> & Exclude<EButtonSize, 'xl'>;
-export type TButtonDefaultFormProps = {
-    form?: EButtonForm.DefaultButton;
-    variant?: EButtonVariantDefault | `${EButtonVariantDefault}`;
-    size?: EButtonSize | `${EButtonSize}`;
-};
-export type TButtonRoundFormProps = {
-    form?: EButtonForm.RoundButton;
-    variant?: EButtonVariantRound | `${EButtonVariantRound}`;
-    size?: TButtonRoundFormSize | `${TButtonRoundFormSize}`;
-};
-export {};

package/dist/components/Button/types.js

@@ -1 +0,0 @@
-