triafly-ui-kit 1.0.75 → 1.0.78

package/dist/main.js

@@ -12,11 +12,11 @@ import { CliTextareaInput as S } from "./components/Ui/CliTextareaInput/CliTexta
 import "react";
 import { CustomLink as D } from "./components/Ui/CustomLink/CustomLink.js";
 import { DropdownInput as P } from "./components/Ui/DropdownInput/DropdownInput.js";
-import { DropdownMenu as B } from "./components/Ui/DropdownMenu/DropdownMenu.js";
-import { FileUpload as U } from "./components/Ui/FileUpload/FileUpload.js";
+import { DropdownMenu as U } from "./components/Ui/DropdownMenu/DropdownMenu.js";
+import { FileUpload as F } from "./components/Ui/FileUpload/FileUpload.js";
 import { Form as R } from "./components/Ui/Form/FormRoot/FormRoot.js";
 import { FormValidationError as X, useForm as b } from "./components/Ui/Form/useForm/useForm.js";
-import { Loader as E } from "./components/Ui/Loader/Loader.js";
+import { Loader as H } from "./components/Ui/Loader/Loader.js";
 import { Pagination as N } from "./components/Ui/Pagination/Pagination.js";
 import { Radio as Q } from "./components/Ui/Radio/Radio.js";
 import { SearchInput as W } from "./components/Ui/SearchInput/SearchInput.js";
@@ -27,12 +27,12 @@ import { TextInput as _ } from "./components/Ui/TextInput/TextInput.js";
 import { TextareaInput as oo } from "./components/Ui/TextareaInput/TextareaInput.js";
 import { Tooltip as no } from "./components/Ui/Tooltip/Tooltip.js";
 import { Tabs as co } from "./components/Ui/Tabs/Tabs.js";
-import { IconArrowBendUpRight as Io, IconArrowClockwise as ao, IconArrowDown as io, IconArrowLeft as po, IconArrowLineDown as lo, IconArrowLineLeft as mo, IconArrowLineRight as fo, IconArrowLineUp as xo, IconArrowRight as so, IconArrowUp as uo, IconArrowsOut as Co, IconArticle as ho, IconAt as wo, IconBellSimple as To, IconBookOpenText as go, IconCalendarBlank as ko, IconCaretDown as So, IconCaretLeft as Ao, IconCaretRight as Do, IconCaretUp as Lo, IconCaretUpDown as Po, IconChartPieSlice as yo, IconChatText as Bo, IconCheck as Fo, IconCheckCircle as Uo, IconChecks as Mo, IconCircleNotch as Ro, IconClickHouse as vo, IconCopy as Xo, IconCornersOut as bo, IconCsv as Ho, IconCube as Eo, IconDatabase as Go, IconDotsNine as No, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Vo, IconEyeSlash as Wo, IconFile as zo, IconFiles as Jo, IconFloppyDisk as Yo, IconFolderSimple as jo, IconFolderSimpleX as qo, IconFunnel as Ko, IconGauge as Zo, IconGear as _o, IconGitBranchX as $o, IconGoogleDrive as or, IconHand as rr, IconHeadCircuit as nr, IconHouse as er, IconIcon as cr, IconInfo as tr, IconJoin as Ir, IconLanguage as ar, IconLink as ir, IconList as pr, IconLock as lr, IconLockOpen as mr, IconMariaDB as fr, IconMinus as xr, IconMongoDB as sr, IconMoon as ur, IconMySQL as dr, IconNavigationArrow as Cr, IconNotePencil as hr, IconPassword as wr, IconPen as Tr, IconPlay as gr, IconPlugsX as kr, IconPlus as Sr, IconPorsgteSQL as Ar, IconPresentationChart as Dr, IconQuestion as Lr, IconQuestionFullfilled as Pr, IconRedo as yr, IconRoleX as Br, IconSearch as Fr, IconSearchX as Ur, IconSelection as Mr, IconServer as Rr, IconSlidersHorizontal as vr, IconSticker as Xr, IconSun as br, IconThreeDot as Hr, IconTrash as Er, IconTriangleDown as Gr, IconTriangleUp as Nr, IconUndo as Or, IconUploadSimple as Qr, IconUser as Vr, IconUserX as Wr, IconWarningCircle as zr, IconWrench as Jr, IconX as Yr, IconYandexDisk as jr } from "./components/Ui/Icons/Icons.js";
-import { ToastProvider as Kr, useToast as Zr } from "./context/ToastContext/ToastContext.js";
-import { TriaflyContext as $r, TriaflyProvider as on, useTriafly as rn } from "./context/TriaflyContext/TriaflyProvider.js";
-import { useBreakpointValueTriafly as en } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
-import { useThemeLogic as tn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
-import { useModalState as an } from "./context/TriaflyContext/hooks/useModal/useModal.js";
+import { IconArrowBendUpRight as Io, IconArrowClockwise as ao, IconArrowDown as io, IconArrowLeft as po, IconArrowLineDown as lo, IconArrowLineLeft as mo, IconArrowLineRight as fo, IconArrowLineUp as xo, IconArrowRight as so, IconArrowUp as uo, IconArrowsOut as Co, IconArticle as ho, IconAt as wo, IconBellSimple as To, IconBookOpenText as go, IconCalendarBlank as ko, IconCaretDown as So, IconCaretLeft as Ao, IconCaretRight as Do, IconCaretUp as Lo, IconCaretUpDown as Po, IconChartPieSlice as Bo, IconChatText as Uo, IconCheck as yo, IconCheckCircle as Fo, IconChecks as Mo, IconCircleNotch as Ro, IconClickHouse as vo, IconCopy as Xo, IconCornersOut as bo, IconCsv as Go, IconCube as Ho, IconDatabase as Eo, IconDotsNine as No, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Vo, IconEyeSlash as Wo, IconFile as zo, IconFiles as Jo, IconFloppyDisk as Yo, IconFolderSimple as jo, IconFolderSimpleX as qo, IconFunnel as Ko, IconGauge as Zo, IconGear as _o, IconGitBranch as $o, IconGitBranchX as or, IconGoogleDrive as rr, IconHand as nr, IconHeadCircuit as er, IconHouse as cr, IconIcon as tr, IconInfo as Ir, IconJoin as ar, IconLanguage as ir, IconLink as pr, IconList as lr, IconLock as mr, IconLockOpen as fr, IconMariaDB as xr, IconMinus as sr, IconMongoDB as ur, IconMoon as dr, IconMySQL as Cr, IconNavigationArrow as hr, IconNotePencil as wr, IconPassword as Tr, IconPen as gr, IconPlay as kr, IconPlugsX as Sr, IconPlus as Ar, IconPorsgteSQL as Dr, IconPresentationChart as Lr, IconQuestion as Pr, IconQuestionFullfilled as Br, IconRedo as Ur, IconRoleX as yr, IconSearch as Fr, IconSearchX as Mr, IconSelection as Rr, IconServer as vr, IconSlidersHorizontal as Xr, IconSticker as br, IconSun as Gr, IconThreeDot as Hr, IconTrash as Er, IconTriangleDown as Nr, IconTriangleUp as Or, IconUndo as Qr, IconUploadSimple as Vr, IconUser as Wr, IconUserX as zr, IconUsers as Jr, IconWarningCircle as Yr, IconWrench as jr, IconX as qr, IconYandexDisk as Kr } from "./components/Ui/Icons/Icons.js";
+import { ToastProvider as _r, useToast as $r } from "./context/ToastContext/ToastContext.js";
+import { TriaflyContext as rn, TriaflyProvider as nn, useTriafly as en } from "./context/TriaflyContext/TriaflyProvider.js";
+import { useBreakpointValueTriafly as tn } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
+import { useThemeLogic as an } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
+import { useModalState as ln } from "./context/TriaflyContext/hooks/useModal/useModal.js";
 export {
   e as Accordeon,
   t as Alert,
@@ -46,8 +46,8 @@ export {
   x as DatePicker,
   u as DateRangePicker,
   P as DropdownInput,
-  B as DropdownMenu,
-  U as FileUpload,
+  U as DropdownMenu,
+  F as FileUpload,
   R as Form,
   X as FormValidationError,
   Io as IconArrowBendUpRight,
@@ -71,18 +71,18 @@ export {
   Do as IconCaretRight,
   Lo as IconCaretUp,
   Po as IconCaretUpDown,
-  yo as IconChartPieSlice,
-  Bo as IconChatText,
-  Fo as IconCheck,
-  Uo as IconCheckCircle,
+  Bo as IconChartPieSlice,
+  Uo as IconChatText,
+  yo as IconCheck,
+  Fo as IconCheckCircle,
   Mo as IconChecks,
   Ro as IconCircleNotch,
   vo as IconClickHouse,
   Xo as IconCopy,
   bo as IconCornersOut,
-  Ho as IconCsv,
-  Eo as IconCube,
-  Go as IconDatabase,
+  Go as IconCsv,
+  Ho as IconCube,
+  Eo as IconDatabase,
   No as IconDotsNine,
   Oo as IconDotsThreeVertical,
   Qo as IconExport,
@@ -96,57 +96,59 @@ export {
   Ko as IconFunnel,
   Zo as IconGauge,
   _o as IconGear,
-  $o as IconGitBranchX,
-  or as IconGoogleDrive,
-  rr as IconHand,
-  nr as IconHeadCircuit,
-  er as IconHouse,
-  cr as IconIcon,
-  tr as IconInfo,
-  Ir as IconJoin,
-  ar as IconLanguage,
-  ir as IconLink,
-  pr as IconList,
-  lr as IconLock,
-  mr as IconLockOpen,
-  fr as IconMariaDB,
-  xr as IconMinus,
-  sr as IconMongoDB,
-  ur as IconMoon,
-  dr as IconMySQL,
-  Cr as IconNavigationArrow,
-  hr as IconNotePencil,
-  wr as IconPassword,
-  Tr as IconPen,
-  gr as IconPlay,
-  kr as IconPlugsX,
-  Sr as IconPlus,
-  Ar as IconPorsgteSQL,
-  Dr as IconPresentationChart,
-  Lr as IconQuestion,
-  Pr as IconQuestionFullfilled,
-  yr as IconRedo,
-  Br as IconRoleX,
+  $o as IconGitBranch,
+  or as IconGitBranchX,
+  rr as IconGoogleDrive,
+  nr as IconHand,
+  er as IconHeadCircuit,
+  cr as IconHouse,
+  tr as IconIcon,
+  Ir as IconInfo,
+  ar as IconJoin,
+  ir as IconLanguage,
+  pr as IconLink,
+  lr as IconList,
+  mr as IconLock,
+  fr as IconLockOpen,
+  xr as IconMariaDB,
+  sr as IconMinus,
+  ur as IconMongoDB,
+  dr as IconMoon,
+  Cr as IconMySQL,
+  hr as IconNavigationArrow,
+  wr as IconNotePencil,
+  Tr as IconPassword,
+  gr as IconPen,
+  kr as IconPlay,
+  Sr as IconPlugsX,
+  Ar as IconPlus,
+  Dr as IconPorsgteSQL,
+  Lr as IconPresentationChart,
+  Pr as IconQuestion,
+  Br as IconQuestionFullfilled,
+  Ur as IconRedo,
+  yr as IconRoleX,
   Fr as IconSearch,
-  Ur as IconSearchX,
-  Mr as IconSelection,
-  Rr as IconServer,
-  vr as IconSlidersHorizontal,
-  Xr as IconSticker,
-  br as IconSun,
+  Mr as IconSearchX,
+  Rr as IconSelection,
+  vr as IconServer,
+  Xr as IconSlidersHorizontal,
+  br as IconSticker,
+  Gr as IconSun,
   Hr as IconThreeDot,
   Er as IconTrash,
-  Gr as IconTriangleDown,
-  Nr as IconTriangleUp,
-  Or as IconUndo,
-  Qr as IconUploadSimple,
-  Vr as IconUser,
-  Wr as IconUserX,
-  zr as IconWarningCircle,
-  Jr as IconWrench,
-  Yr as IconX,
-  jr as IconYandexDisk,
-  E as Loader,
+  Nr as IconTriangleDown,
+  Or as IconTriangleUp,
+  Qr as IconUndo,
+  Vr as IconUploadSimple,
+  Wr as IconUser,
+  zr as IconUserX,
+  Jr as IconUsers,
+  Yr as IconWarningCircle,
+  jr as IconWrench,
+  qr as IconX,
+  Kr as IconYandexDisk,
+  H as Loader,
   p as ModalWindow,
   N as Pagination,
   Q as Radio,
@@ -157,14 +159,14 @@ export {
   co as Tabs,
   _ as TextInput,
   oo as TextareaInput,
-  Kr as ToastProvider,
+  _r as ToastProvider,
   no as Tooltip,
-  $r as TriaflyContext,
-  on as TriaflyProvider,
-  en as useBreakpointValueTriafly,
+  rn as TriaflyContext,
+  nn as TriaflyProvider,
+  tn as useBreakpointValueTriafly,
   b as useForm,
-  an as useModalState,
-  tn as useThemeLogic,
-  Zr as useToast,
-  rn as useTriafly
+  ln as useModalState,
+  an as useThemeLogic,
+  $r as useToast,
+  en as useTriafly
 };

package/dist/src/components/Ui/Tooltip/Tooltip.stories.module.css.js

@@ -1,4 +1,4 @@
-import '../../../../assets/src/components/Ui/Tooltip/Tooltip.stories.module.css';const i = "_container_x4z3a_1", o = "_trigger_x4z3a_27", t = "_clickTrigger_x4z3a_57 _trigger_x4z3a_27", n = "_positionsContainer_x4z3a_75", r = "_positionGroup_x4z3a_83", s = {
+import '../../../../assets/src/components/Ui/Tooltip/Tooltip.stories.module.css';const i = "_container_193w2_1", o = "_trigger_193w2_14", t = "_clickTrigger_193w2_29 _trigger_193w2_14", n = "_positionsContainer_193w2_38", r = "_positionGroup_193w2_42", s = {
   container: i,
   trigger: o,
   clickTrigger: t,

package/package.json

@@ -1,112 +1,112 @@
-{
-  "name": "triafly-ui-kit",
-  "version": "1.0.75",
-  "description": "UI Kit from Triafly",
-  "main": "./dist/main.js",
-  "module": "./dist/main.js",
-  "types": "./dist/main.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "import": "./dist/main.js",
-      "types": "./dist/main.d.ts"
-    },
-    "./dist/*": {
-      "types": "./dist/*.d.ts"
-    },
-    "./variables.scss": {
-      "default": "./src/styles/variables.scss"
-    }
-  },
-  "files": [
-    "dist",
-    "src/styles",
-    "src/assets/fonts"
-  ],
-  "scripts": {
-    "build": "npm run build:types && vite build",
-    "build:types": "tsc --build tsconfig.build.json",
-    "dev": "vite",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
-    "preview": "vite preview",
-    "prepare": "husky install",
-    "precommit": "npm run lint-staged",
-    "lint-staged": "lint-staged",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepublish": "npm run build",
-    "release-patch": "npm run build && npm version patch && git push && npm publish"
-  },
-  "browserslist": [
-    "cover 99.5%"
-  ],
-  "peerDependencies": {
-    "classnames": "^2.5.1",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-router-dom": "6.26.1"
-  },
-  "dependencies": {
-    "dayjs": "^1.11.13",
-    "fast-deep-equal": "^3.1.3",
-    "papaparse": "^5.4.1",
-    "react-paginate": "^8.2.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
-    "@eslint/js": "^9.25.0",
-    "@storybook/addon-backgrounds": "^8.5.2",
-    "@storybook/addon-essentials": "^8.4.7",
-    "@storybook/addon-interactions": "^8.4.7",
-    "@storybook/addon-onboarding": "^8.4.7",
-    "@storybook/blocks": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@types/eslint-plugin-jsx-a11y": "^6.10.0",
-    "@types/eslint-plugin-prettier": "^3.1.3",
-    "@types/node": "^22.15.21",
-    "@types/papaparse": "^5.3.16",
-    "@types/react": "^18.2.25",
-    "@types/react-dom": "^18.2.25",
-    "@typescript-eslint/eslint-plugin": "^6.21.0",
-    "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react-swc": "^3.9.0",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^8.57.0",
-    "eslint-config-airbnb-typescript": "^17.1.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^4.4.1",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "glob": "^11.0.2",
-    "globals": "^16.0.0",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.0.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-router-dom": "6.26.1",
-    "sass": "^1.89.0",
-    "storybook": "^8.6.14",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2",
-    "vite-plugin-static-copy": "^3.0.0",
-    "vite-plugin-svgr": "^4.3.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-    "src/**/*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --write --ignore-unknown"
-    ]
-  }
-}
+{
+  "name": "triafly-ui-kit",
+  "version": "1.0.78",
+  "description": "UI Kit from Triafly",
+  "main": "./dist/main.js",
+  "module": "./dist/main.js",
+  "types": "./dist/main.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/main.js",
+      "types": "./dist/main.d.ts"
+    },
+    "./dist/*": {
+      "types": "./dist/*.d.ts"
+    },
+    "./variables.scss": {
+      "default": "./src/styles/variables.scss"
+    }
+  },
+  "files": [
+    "dist",
+    "src/styles",
+    "src/assets/fonts"
+  ],
+  "scripts": {
+    "build": "npm run build:types && vite build",
+    "build:types": "tsc --build tsconfig.build.json",
+    "dev": "vite",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
+    "preview": "vite preview",
+    "prepare": "husky install",
+    "precommit": "npm run lint-staged",
+    "lint-staged": "lint-staged",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublish": "npm run build",
+    "release-patch": "npm run build && npm version patch && git push && npm publish"
+  },
+  "browserslist": [
+    "cover 99.5%"
+  ],
+  "peerDependencies": {
+    "classnames": "^2.5.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "6.26.1"
+  },
+  "dependencies": {
+    "dayjs": "^1.11.13",
+    "fast-deep-equal": "^3.1.3",
+    "papaparse": "^5.4.1",
+    "react-paginate": "^8.2.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.3",
+    "@eslint/js": "^9.25.0",
+    "@storybook/addon-backgrounds": "^8.5.2",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/addon-onboarding": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@types/eslint-plugin-jsx-a11y": "^6.10.0",
+    "@types/eslint-plugin-prettier": "^3.1.3",
+    "@types/node": "^22.15.21",
+    "@types/papaparse": "^5.3.16",
+    "@types/react": "^18.2.25",
+    "@types/react-dom": "^18.2.25",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react-swc": "^3.9.0",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^8.57.0",
+    "eslint-config-airbnb-typescript": "^17.1.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^4.4.1",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.19",
+    "glob": "^11.0.2",
+    "globals": "^16.0.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.0.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-router-dom": "6.26.1",
+    "sass": "^1.89.0",
+    "storybook": "^8.6.14",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.30.1",
+    "vite": "^6.3.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
+    "vite-plugin-static-copy": "^3.0.0",
+    "vite-plugin-svgr": "^4.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "src/**/*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --write --ignore-unknown"
+    ]
+  }
+}

package/src/styles/_mixins.scss

@@ -1,22 +1,22 @@
-@mixin wrapper($bg-color: var(--color-bg-island-default), $padding: 20px 24px 20px 24px) {
-    background-color: $bg-color;
-    padding: $padding;
-    border-radius: 16px;
-  }
-  
-  @mixin outlinedColorScheme ($borderColor, $textColor) { //NOTE: дублирование стилей UI-кита изза модулей?
-    background-color: transparent !important;
-    border: 1px solid $borderColor;
-    color: $textColor;
-    &[disabled] {
-        pointer-events: none;
-    }
-    &:hover {
-        background-color: transparent;
-        box-shadow: inset 0 0 0 1px $borderColor;
-    }
-  
-    svg * {
-        fill: $textColor;
-    }
+@mixin wrapper($bg-color: var(--color-bg-island-default), $padding: 20px 24px 20px 24px) {
+    background-color: $bg-color;
+    padding: $padding;
+    border-radius: 16px;
+  }
+  
+  @mixin outlinedColorScheme ($borderColor, $textColor) { //NOTE: дублирование стилей UI-кита изза модулей?
+    background-color: transparent !important;
+    border: 1px solid $borderColor;
+    color: $textColor;
+    &[disabled] {
+        pointer-events: none;
+    }
+    &:hover {
+        background-color: transparent;
+        box-shadow: inset 0 0 0 1px $borderColor;
+    }
+  
+    svg * {
+        fill: $textColor;
+    }
   }

package/src/styles/fix.scss

@@ -1,4 +1,4 @@
-// Скрываем браузерный крестик в полях поиска
-input[type="search"]::-webkit-search-cancel-button {
-    display: none;
+// Скрываем браузерный крестик в полях поиска
+input[type="search"]::-webkit-search-cancel-button {
+    display: none;
 }

package/src/styles/main.scss

@@ -1,27 +1,27 @@
-@import "./reset.scss";
-@import "./variables.scss";
-@import "./fix.scss";
-@import './_mixins.scss';
-@import './typography.scss';
-
-// Пока не трогать, тестовая подсветка блоков
-// html {
-//     border: 4px solid red;
-//     padding: 1px;
-// }
-
-// body {
-//     border: 2px dashed;
-//     margin: 1px;
-// }
-
-// div {
-//     border: 1px dotted;
-//     margin: 1px;
-// }
-
-
-//layout.module.scss не позволяет дочерним компонентам наследовать стили почему то. Сделать нормальный
-.page-content {
-    border-radius: 16px;
+@import "./reset.scss";
+@import "./variables.scss";
+@import "./fix.scss";
+@import './_mixins.scss';
+@import './typography.scss';
+
+// Пока не трогать, тестовая подсветка блоков
+// html {
+//     border: 4px solid red;
+//     padding: 1px;
+// }
+
+// body {
+//     border: 2px dashed;
+//     margin: 1px;
+// }
+
+// div {
+//     border: 1px dotted;
+//     margin: 1px;
+// }
+
+
+//layout.module.scss не позволяет дочерним компонентам наследовать стили почему то. Сделать нормальный
+.page-content {
+    border-radius: 16px;
 }