triafly-ui-kit 1.0.31 → 1.0.33

package/dist/main.js

@@ -1,58 +1,58 @@
 import { Accordeon as e } from "./components/Ui/Accordeon/Accordeon.js";
 import { Alert as t } from "./components/Ui/Alert/Alert.js";
-import { Avatar as a } from "./components/Ui/Avatar/Avatar.js";
+import { Avatar as i } from "./components/Ui/Avatar/Avatar.js";
 import { ModalWindow as p } from "./components/Ui/ModalWindow/ModalWindow.js";
 import { Badge as f } from "./components/Ui/Badge/Badge.js";
 import { DatePicker as x } from "./components/Ui/DatePicker/DatePicker.js";
 import { DateRangePicker as u } from "./components/Ui/DateRangePicker/DateRangePicker.js";
-import { Button as C } from "./components/Ui/Button/Button.js";
-import { ButtonsArray as h } from "./components/Ui/ButtonsArray/ButtonsArray.js";
-import { Checkbox as S } from "./components/Ui/Checkbox/Checkbox.js";
-import { CliTextareaInput as k } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
+import { Button as d } from "./components/Ui/Button/Button.js";
+import { ButtonsArray as w } from "./components/Ui/ButtonsArray/ButtonsArray.js";
+import { Checkbox as k } from "./components/Ui/Checkbox/Checkbox.js";
+import { CliTextareaInput as T } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
 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 U } from "./components/Ui/DropdownMenu/DropdownMenu.js";
+import { DropdownMenu as B } 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 { useForm as X } from "./components/Ui/Form/useForm/useForm.js";
 import { Loader as H } from "./components/Ui/Loader/Loader.js";
-import { Pagination as O } from "./components/Ui/Pagination/Pagination.js";
-import { Radio as E } from "./components/Ui/Radio/Radio.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";
 import { Skeleton as z } from "./components/Ui/Skeleton/Skeleton.js";
 import { Switch as Y } from "./components/Ui/Switch/Switch.js";
 import { Table as q } from "./components/Ui/Table/Table.js";
 import { TextInput as Z } from "./components/Ui/TextInput/TextInput.js";
 import { TextareaInput as $ } from "./components/Ui/TextareaInput/TextareaInput.js";
-import { Tooltip as ro } from "./components/Ui/Tooltip/Tooltip.js";
+import { Tooltip as no } from "./components/Ui/Tooltip/Tooltip.js";
 import { Tabs as eo } from "./components/Ui/Tabs/Tabs.js";
-import { IconArrowBendUpRight as to, IconArrowClockwise as Io, IconArrowDown as ao, IconArrowLeft as io, IconArrowLineDown as po, IconArrowLineLeft as lo, IconArrowLineRight as fo, IconArrowLineUp as mo, IconArrowRight as xo, IconArrowUp as so, IconArrowsOut as uo, IconArticle as Co, IconAt as wo, IconBellSimple as ho, IconBookOpenText as go, IconCalendarBlank as So, IconCaretDown as To, IconCaretLeft as ko, IconCaretRight as Ao, IconCaretUp as Do, IconCaretUpDown as Lo, IconChartPieSlice as Po, IconChatText as yo, IconCheck as Uo, IconCheckCircle as Bo, IconChecks as Fo, IconCircleNotch as Mo, IconCopy as Ro, IconCornersOut as vo, IconCsv as Xo, IconCube as bo, IconDatabase as Ho, IconDotsNine as No, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Eo, IconEyeSlash as Go, IconFile as Wo, IconFiles as Vo, IconFloppyDisk as zo, IconFolderSimple as Jo, IconFolderSimpleX as Yo, IconFunnel as jo, IconGauge as qo, IconGear as Ko, IconGoogleDrive as Zo, IconHand as _o, IconHeadCircuit as $o, IconHouse as or, IconIcon as rr, IconInfo as nr, IconJoin as er, IconLanguage as cr, IconLink as tr, IconList as Ir, IconLock as ar, IconLockOpen as ir, IconMariaDB as pr, IconMinus as lr, IconMongoDB as fr, IconMoon as mr, IconMySQL as xr, IconNavigationArrow as sr, IconNotePencil as ur, IconPassword as dr, IconPen as Cr, IconPlay as wr, IconPlugsX as hr, IconPlus as gr, IconPorsgteSQL as Sr, IconPresentationChart as Tr, IconQuestion as kr, IconQuestionFullfilled as Ar, IconRedo as Dr, IconRoleX as Lr, IconSearch as Pr, IconSearchX as yr, IconSelection as Ur, IconServer as Br, IconSlidersHorizontal as Fr, IconSticker as Mr, IconSun as Rr, IconThreeDot as vr, IconTrash as Xr, IconTriangleDown as br, IconTriangleUp as Hr, IconUndo as Nr, IconUploadSimple as Or, IconUser as Qr, IconUserX as Er, IconWarningCircle as Gr, IconWrench as Wr, IconX as Vr, IconYandexDisk as zr } from "./components/Ui/Icons/Icons.js";
-import { ToastProvider as Yr } from "./context/ToastContext/ToastContext.js";
-import { TriaflyContext as qr, TriaflyProvider as Kr, useTriafly as Zr } from "./context/TriaflyContext/TriaflyProvider.js";
-import { useBreakpointValueTriafly as $r } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
-import { useThemeLogic as rn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
-import { useModalState as en } from "./context/TriaflyContext/hooks/useModal/useModal.js";
+import { IconArrowBendUpRight as to, IconArrowClockwise as Io, IconArrowDown as io, IconArrowLeft as ao, IconArrowLineDown as po, IconArrowLineLeft as lo, IconArrowLineRight as fo, IconArrowLineUp as mo, IconArrowRight as xo, IconArrowUp as so, IconArrowsOut as uo, IconArticle as Co, IconAt as ho, IconBellSimple as wo, IconBookOpenText as go, IconCalendarBlank as ko, IconCaretDown as So, IconCaretLeft as To, IconCaretRight as Ao, IconCaretUp as Do, IconCaretUpDown as Lo, IconChartPieSlice as Po, IconChatText as yo, IconCheck as Bo, IconCheckCircle as Uo, IconChecks as Fo, IconCircleNotch as Mo, IconClickHouse as Ro, IconCopy as vo, IconCornersOut as Xo, IconCsv as bo, IconCube as Ho, IconDatabase as Go, IconDotsNine as No, IconDotsThreeVertical as Oo, IconExport as Qo, IconEye as Eo, IconEyeSlash as Wo, IconFile as Vo, IconFiles as zo, IconFloppyDisk as Jo, IconFolderSimple as Yo, IconFolderSimpleX as jo, IconFunnel as qo, IconGauge as Ko, IconGear as Zo, IconGitBranchX as _o, IconGoogleDrive as $o, IconHand as on, IconHeadCircuit as nn, IconHouse as rn, IconIcon as en, IconInfo as cn, IconJoin as tn, IconLanguage as In, IconLink as an, IconList as pn, IconLock as ln, IconLockOpen as fn, IconMariaDB as mn, IconMinus as xn, IconMongoDB as sn, IconMoon as un, IconMySQL as Cn, IconNavigationArrow as dn, IconNotePencil as hn, IconPassword as wn, IconPen as gn, IconPlay as kn, IconPlugsX as Sn, IconPlus as Tn, IconPorsgteSQL as An, IconPresentationChart as Dn, IconQuestion as Ln, IconQuestionFullfilled as Pn, IconRedo as yn, IconRoleX as Bn, IconSearch as Un, IconSearchX as Fn, IconSelection as Mn, IconServer as Rn, IconSlidersHorizontal as vn, IconSticker as Xn, IconSun as bn, IconThreeDot as Hn, IconTrash as Gn, IconTriangleDown as Nn, IconTriangleUp as On, IconUndo as Qn, IconUploadSimple as En, IconUser as Wn, IconUserX as Vn, IconWarningCircle as zn, IconWrench as Jn, IconX as Yn, IconYandexDisk as jn } from "./components/Ui/Icons/Icons.js";
+import { ToastProvider as Kn } from "./context/ToastContext/ToastContext.js";
+import { TriaflyContext as _n, TriaflyProvider as $n, useTriafly as or } from "./context/TriaflyContext/TriaflyProvider.js";
+import { useBreakpointValueTriafly as rr } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
+import { useThemeLogic as cr } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
+import { useModalState as Ir } from "./context/TriaflyContext/hooks/useModal/useModal.js";
 export {
   e as Accordeon,
   t as Alert,
-  a as Avatar,
+  i as Avatar,
   f as Badge,
-  C as Button,
-  h as ButtonsArray,
-  S as Checkbox,
-  k as CliTextareaInput,
+  d as Button,
+  w as ButtonsArray,
+  k as Checkbox,
+  T as CliTextareaInput,
   D as CustomLink,
   x as DatePicker,
   u as DateRangePicker,
   P as DropdownInput,
-  U as DropdownMenu,
+  B as DropdownMenu,
   F as FileUpload,
   R as Form,
   to as IconArrowBendUpRight,
   Io as IconArrowClockwise,
-  ao as IconArrowDown,
-  io as IconArrowLeft,
+  io as IconArrowDown,
+  ao as IconArrowLeft,
   po as IconArrowLineDown,
   lo as IconArrowLineLeft,
   fo as IconArrowLineRight,
@@ -61,92 +61,94 @@ export {
   so as IconArrowUp,
   uo as IconArrowsOut,
   Co as IconArticle,
-  wo as IconAt,
-  ho as IconBellSimple,
+  ho as IconAt,
+  wo as IconBellSimple,
   go as IconBookOpenText,
-  So as IconCalendarBlank,
-  To as IconCaretDown,
-  ko as IconCaretLeft,
+  ko as IconCalendarBlank,
+  So as IconCaretDown,
+  To as IconCaretLeft,
   Ao as IconCaretRight,
   Do as IconCaretUp,
   Lo as IconCaretUpDown,
   Po as IconChartPieSlice,
   yo as IconChatText,
-  Uo as IconCheck,
-  Bo as IconCheckCircle,
+  Bo as IconCheck,
+  Uo as IconCheckCircle,
   Fo as IconChecks,
   Mo as IconCircleNotch,
-  Ro as IconCopy,
-  vo as IconCornersOut,
-  Xo as IconCsv,
-  bo as IconCube,
-  Ho as IconDatabase,
+  Ro as IconClickHouse,
+  vo as IconCopy,
+  Xo as IconCornersOut,
+  bo as IconCsv,
+  Ho as IconCube,
+  Go as IconDatabase,
   No as IconDotsNine,
   Oo as IconDotsThreeVertical,
   Qo as IconExport,
   Eo as IconEye,
-  Go as IconEyeSlash,
-  Wo as IconFile,
-  Vo as IconFiles,
-  zo as IconFloppyDisk,
-  Jo as IconFolderSimple,
-  Yo as IconFolderSimpleX,
-  jo as IconFunnel,
-  qo as IconGauge,
-  Ko as IconGear,
-  Zo as IconGoogleDrive,
-  _o as IconHand,
-  $o as IconHeadCircuit,
-  or as IconHouse,
-  rr as IconIcon,
-  nr as IconInfo,
-  er as IconJoin,
-  cr as IconLanguage,
-  tr as IconLink,
-  Ir as IconList,
-  ar as IconLock,
-  ir as IconLockOpen,
-  pr as IconMariaDB,
-  lr as IconMinus,
-  fr as IconMongoDB,
-  mr as IconMoon,
-  xr as IconMySQL,
-  sr as IconNavigationArrow,
-  ur as IconNotePencil,
-  dr as IconPassword,
-  Cr as IconPen,
-  wr as IconPlay,
-  hr as IconPlugsX,
-  gr as IconPlus,
-  Sr as IconPorsgteSQL,
-  Tr as IconPresentationChart,
-  kr as IconQuestion,
-  Ar as IconQuestionFullfilled,
-  Dr as IconRedo,
-  Lr as IconRoleX,
-  Pr as IconSearch,
-  yr as IconSearchX,
-  Ur as IconSelection,
-  Br as IconServer,
-  Fr as IconSlidersHorizontal,
-  Mr as IconSticker,
-  Rr as IconSun,
-  vr as IconThreeDot,
-  Xr as IconTrash,
-  br as IconTriangleDown,
-  Hr as IconTriangleUp,
-  Nr as IconUndo,
-  Or as IconUploadSimple,
-  Qr as IconUser,
-  Er as IconUserX,
-  Gr as IconWarningCircle,
-  Wr as IconWrench,
-  Vr as IconX,
-  zr as IconYandexDisk,
+  Wo as IconEyeSlash,
+  Vo as IconFile,
+  zo as IconFiles,
+  Jo as IconFloppyDisk,
+  Yo as IconFolderSimple,
+  jo as IconFolderSimpleX,
+  qo as IconFunnel,
+  Ko as IconGauge,
+  Zo as IconGear,
+  _o as IconGitBranchX,
+  $o as IconGoogleDrive,
+  on as IconHand,
+  nn as IconHeadCircuit,
+  rn as IconHouse,
+  en as IconIcon,
+  cn as IconInfo,
+  tn as IconJoin,
+  In as IconLanguage,
+  an as IconLink,
+  pn as IconList,
+  ln as IconLock,
+  fn as IconLockOpen,
+  mn as IconMariaDB,
+  xn as IconMinus,
+  sn as IconMongoDB,
+  un as IconMoon,
+  Cn as IconMySQL,
+  dn as IconNavigationArrow,
+  hn as IconNotePencil,
+  wn as IconPassword,
+  gn as IconPen,
+  kn as IconPlay,
+  Sn as IconPlugsX,
+  Tn as IconPlus,
+  An as IconPorsgteSQL,
+  Dn as IconPresentationChart,
+  Ln as IconQuestion,
+  Pn as IconQuestionFullfilled,
+  yn as IconRedo,
+  Bn as IconRoleX,
+  Un as IconSearch,
+  Fn as IconSearchX,
+  Mn as IconSelection,
+  Rn as IconServer,
+  vn as IconSlidersHorizontal,
+  Xn as IconSticker,
+  bn as IconSun,
+  Hn as IconThreeDot,
+  Gn as IconTrash,
+  Nn as IconTriangleDown,
+  On as IconTriangleUp,
+  Qn as IconUndo,
+  En as IconUploadSimple,
+  Wn as IconUser,
+  Vn as IconUserX,
+  zn as IconWarningCircle,
+  Jn as IconWrench,
+  Yn as IconX,
+  jn as IconYandexDisk,
   H as Loader,
   p as ModalWindow,
-  O as Pagination,
-  E as Radio,
+  N as Pagination,
+  Q as Radio,
   W as SearchInput,
   z as Skeleton,
   Y as Switch,
@@ -154,13 +156,13 @@ export {
   eo as Tabs,
   Z as TextInput,
   $ as TextareaInput,
-  Yr as ToastProvider,
-  ro as Tooltip,
-  qr as TriaflyContext,
-  Kr as TriaflyProvider,
-  $r as useBreakpointValueTriafly,
+  Kn as ToastProvider,
+  no as Tooltip,
+  _n as TriaflyContext,
+  $n as TriaflyProvider,
+  rr as useBreakpointValueTriafly,
   X as useForm,
-  en as useModalState,
-  rn as useThemeLogic,
-  Zr as useTriafly
+  Ir as useModalState,
+  cr as useThemeLogic,
+  or as useTriafly
 };

package/dist/src/components/Ui/Skeleton/Skeleton.module.scss.js

@@ -1,9 +1,9 @@
-import '../../../../assets/src/components/Ui/Skeleton/Skeleton.module.css';const t = "_skeleton_yatxz_1", e = "_animated_yatxz_6", a = {
-  skeleton: t,
-  animated: e
+import '../../../../assets/src/components/Ui/Skeleton/Skeleton.module.css';const e = "_skeleton_1xagr_1", t = "_animated_1xagr_6", a = {
+  skeleton: e,
+  animated: t
 };
 export {
-  e as animated,
+  t as animated,
   a as default,
-  t as skeleton
+  e as skeleton
 };

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/dist/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/dist/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/dist/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;
 }

package/dist/styles/reset.scss

@@ -1,106 +1,106 @@
-* {
-    margin: 0;
-    padding: 0;
-    border: 0;
-  
-    /*color: #1a2026;*/
-  }
-  
-  *,
-  *::before,
-  *::after {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  
-  :focus,
-  :active {
-    outline: none;
-  }
-  
-  nav,
-  footer,
-  header,
-  aside {
-    display: block;
-  }
-  
-  html,
-  body {
-    width: 100%;
-    height: 100%;
-  
-    font-size: 100%;
-    font-size: 14px;
-    line-height: 1;
-    -ms-text-size-adjust: 100%;
-    -moz-text-size-adjust: 100%;
-    -webkit-text-size-adjust: 100%;
-  }
-  
-  input,
-  button,
-  textarea {
-    font-family: inherit;
-  }
-  
-  input::-ms-clear {
-    display: none;
-  }
-  
-  button {
-    cursor: pointer;
-  }
-  
-  button::-moz-focus-inner {
-    padding: 0;
-  
-    border: 0;
-  }
-  
-  a,
-  a:visited {
-    text-decoration: none;
-  }
-  
-  a:focus,
-  a:active {
-    outline: none;
-  }
-  
-  a:hover {
-    text-decoration: none;
-  }
-  
-  ul li {
-    list-style: none;
-  }
-  
-  img {
-    vertical-align: top;
-  }
-  
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 400;
-  }
-  
-  #root {
-    background-color: var(--color-bg-island-default);
-  }
-  
-  .page-wrapper {
-    width: 100%;
-    max-width: 1920px;
-    min-height: 100vh;
-    margin: 0 auto;
-    display: flex;
-    flex-direction: column;
-    background-color: var(--color-bg-island-default);
+* {
+    margin: 0;
+    padding: 0;
+    border: 0;
+  
+    /*color: #1a2026;*/
+  }
+  
+  *,
+  *::before,
+  *::after {
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+  }
+  
+  :focus,
+  :active {
+    outline: none;
+  }
+  
+  nav,
+  footer,
+  header,
+  aside {
+    display: block;
+  }
+  
+  html,
+  body {
+    width: 100%;
+    height: 100%;
+  
+    font-size: 100%;
+    font-size: 14px;
+    line-height: 1;
+    -ms-text-size-adjust: 100%;
+    -moz-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+  }
+  
+  input,
+  button,
+  textarea {
+    font-family: inherit;
+  }
+  
+  input::-ms-clear {
+    display: none;
+  }
+  
+  button {
+    cursor: pointer;
+  }
+  
+  button::-moz-focus-inner {
+    padding: 0;
+  
+    border: 0;
+  }
+  
+  a,
+  a:visited {
+    text-decoration: none;
+  }
+  
+  a:focus,
+  a:active {
+    outline: none;
+  }
+  
+  a:hover {
+    text-decoration: none;
+  }
+  
+  ul li {
+    list-style: none;
+  }
+  
+  img {
+    vertical-align: top;
+  }
+  
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-size: inherit;
+    font-weight: 400;
+  }
+  
+  #root {
+    background-color: var(--color-bg-island-default);
+  }
+  
+  .page-wrapper {
+    width: 100%;
+    max-width: 1920px;
+    min-height: 100vh;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--color-bg-island-default);
   }