triafly-ui-kit 1.0.27 → 1.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.md +93 -93
  2. package/dist/assets/src/components/Ui/ModalWindow/ModalWindow.css +1 -1
  3. package/dist/assets/src/components/Ui/Tooltip/Tooltip.stories.module.css +1 -1
  4. package/dist/components/Ui/DatePicker/DatePicker.js +13 -6
  5. package/dist/components/Ui/DatePicker/DatePicker.stories.js +39 -33
  6. package/dist/main.d.ts +0 -33
  7. package/dist/main.js +153 -157
  8. package/dist/src/components/Ui/Tooltip/Tooltip.stories.module.css.js +1 -1
  9. package/dist/styles/_mixins.scss +21 -21
  10. package/dist/styles/fix.scss +3 -3
  11. package/dist/styles/main.scss +26 -26
  12. package/dist/styles/reset.scss +105 -105
  13. package/dist/styles/typography.scss +106 -102
  14. package/dist/styles/variables.scss +273 -273
  15. package/package.json +111 -111
  16. package/src/styles/_mixins.scss +21 -21
  17. package/src/styles/fix.scss +3 -3
  18. package/src/styles/main.scss +26 -26
  19. package/src/styles/reset.scss +105 -105
  20. package/src/styles/typography.scss +106 -102
  21. package/src/styles/variables.scss +273 -273
  22. package/dist/_virtual/dayjs.min.js +0 -7
  23. package/dist/_virtual/dayjs.min2.js +0 -4
  24. package/dist/_virtual/ru.js +0 -2
  25. package/dist/_virtual/ru2.js +0 -4
  26. package/dist/assets/src/components/Ui/DateRangePicker/DateRangePicker.css +0 -1
  27. package/dist/components/Ui/DatePicker/index.js +0 -4
  28. package/dist/components/Ui/DateRangePicker/DateRangePicker.js +0 -195
  29. package/dist/components/Ui/DateRangePicker/DateRangePicker.stories.js +0 -84
  30. package/dist/components/Ui/DateRangePicker/const.js +0 -37
  31. package/dist/components/Ui/DateRangePicker/hooks/useCalendarRenderer.js +0 -48
  32. package/dist/components/Ui/DateRangePicker/hooks/useChangeDate.js +0 -28
  33. package/dist/components/Ui/DateRangePicker/hooks/useDateNavigation.js +0 -22
  34. package/dist/components/Ui/DateRangePicker/hooks/useDateRangeState.js +0 -24
  35. package/dist/components/Ui/DateRangePicker/hooks/useQuickRange.js +0 -77
  36. package/dist/components/Ui/DateRangePicker/index.js +0 -4
  37. package/dist/node_modules/dayjs/dayjs.min.js +0 -282
  38. package/dist/node_modules/dayjs/locale/ru.js +0 -36
@@ -1 +1 @@
1
- ._container_193w2_1{position:relative;width:100%;height:100vh;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;border:1px dashed #ccc;box-sizing:border-box}._trigger_193w2_14{padding:8px 16px;background-color:#1976d2;color:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s;text-align:center}._trigger_193w2_14:hover{background-color:#1565c0}._clickTrigger_193w2_29{background-color:#388e3c}._clickTrigger_193w2_29:hover{background-color:#2e7d32}._positionsContainer_193w2_38{padding:20px}._positionGroup_193w2_42{display:flex;gap:20px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}
1
+ ._container_x4z3a_1{position:relative;width:100%;height:100vh;padding:20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;border:1px dashed #ccc;box-sizing:border-box}._trigger_x4z3a_27{padding:8px 16px;background-color:#1976d2;color:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .2s;text-align:center}._trigger_x4z3a_27:hover{background-color:#1565c0}._clickTrigger_x4z3a_57{background-color:#388e3c}._clickTrigger_x4z3a_57:hover{background-color:#2e7d32}._positionsContainer_x4z3a_75{padding:20px}._positionGroup_x4z3a_83{display:flex;gap:20px;margin-bottom:30px;justify-content:center;flex-wrap:wrap}
@@ -116,11 +116,18 @@ const H = [
116
116
  "aria-hidden": "true"
117
117
  }
118
118
  ),
119
- /* @__PURE__ */ i("div", { className: `datepicker-input ${T}`, onClick: () => g(!F), children: [
120
- /* @__PURE__ */ n(A, {}),
121
- /* @__PURE__ */ n("span", { className: "placeholder", children: c ? j(c) : L }),
122
- /* @__PURE__ */ n(G, { className: "caret" })
123
- ] }),
119
+ /* @__PURE__ */ i(
120
+ "div",
121
+ {
122
+ className: `datepicker-input ${T}`,
123
+ onClick: () => g(!F),
124
+ children: [
125
+ /* @__PURE__ */ n(A, {}),
126
+ /* @__PURE__ */ n("span", { className: "placeholder", children: c ? j(c) : L }),
127
+ /* @__PURE__ */ n(G, { className: "caret" })
128
+ ]
129
+ }
130
+ ),
124
131
  F && /* @__PURE__ */ i("div", { className: `datepicker-calendar ${E}`, children: [
125
132
  /* @__PURE__ */ i("div", { className: "calendar-controls", children: [
126
133
  /* @__PURE__ */ i("div", { className: "month-control", children: [
@@ -172,5 +179,5 @@ const H = [
172
179
  ] });
173
180
  };
174
181
  export {
175
- Z as DatePicker
182
+ Z as default
176
183
  };
@@ -1,9 +1,9 @@
1
1
  import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import l from "react";
3
- import { DatePicker as r } from "./DatePicker.js";
4
- const m = {
3
+ import n from "./DatePicker.js";
4
+ const d = {
5
5
  title: "UIKit/DatePicker",
6
- component: r,
6
+ component: n,
7
7
  tags: ["autodocs"],
8
8
  argTypes: {
9
9
  value: {
@@ -39,27 +39,27 @@ const m = {
39
39
  description: "Максимальная доступная дата"
40
40
  }
41
41
  }
42
- }, u = {
42
+ }, m = {
43
43
  args: {
44
44
  placeholder: "Любая дата"
45
45
  }
46
- }, x = {
46
+ }, p = {
47
47
  args: {
48
48
  value: new Date(2023, 5, 15),
49
49
  placeholder: "Выберите дату"
50
50
  }
51
- }, h = {
51
+ }, u = {
52
52
  args: {
53
53
  minDate: new Date(2023, 0, 1),
54
54
  maxDate: new Date(2023, 11, 31)
55
55
  }
56
- }, g = {
56
+ }, x = {
57
57
  args: {
58
58
  inputClassName: "custom-input",
59
59
  calendarClassName: "custom-calendar"
60
60
  },
61
61
  decorators: [
62
- (o) => /* @__PURE__ */ a("div", { children: [
62
+ (t) => /* @__PURE__ */ a("div", { children: [
63
63
  /* @__PURE__ */ e("style", { children: `
64
64
  .custom-input {
65
65
  border: 2px solid #6366f1;
@@ -75,40 +75,46 @@ const m = {
75
75
  background-color: #6366f1;
76
76
  }
77
77
  ` }),
78
- /* @__PURE__ */ e(o, {})
78
+ /* @__PURE__ */ e(t, {})
79
79
  ] })
80
80
  ]
81
- }, D = {
82
- render: function() {
83
- const [t, n] = l.useState(null);
81
+ }, h = {
82
+ render: () => {
83
+ const [t, o] = l.useState(null);
84
84
  return /* @__PURE__ */ a("div", { style: { maxWidth: "300px" }, children: [
85
- /* @__PURE__ */ e(r, { value: t, onChange: n, placeholder: "Контролируемый выбор" }),
85
+ /* @__PURE__ */ e(
86
+ n,
87
+ {
88
+ value: t,
89
+ onChange: o,
90
+ placeholder: "Контролируемый выбор"
91
+ }
92
+ ),
86
93
  /* @__PURE__ */ a("div", { style: { marginTop: "16px", fontSize: "14px" }, children: [
87
94
  "Выбрано: ",
88
95
  t ? t.toLocaleDateString("ru-RU") : "дата не выбрана"
89
96
  ] })
90
97
  ] });
91
98
  }
92
- }, f = {
93
- render: function() {
94
- const [t, n] = l.useState(null);
95
- return /* @__PURE__ */ a("form", { onSubmit: (i) => {
96
- i.preventDefault(), alert(`Выбрана дата: ${t == null ? void 0 : t.toLocaleDateString("ru-RU")}`);
97
- }, style: { maxWidth: "300px" }, children: [
98
- /* @__PURE__ */ a("div", { style: { marginBottom: "16px" }, children: [
99
- /* @__PURE__ */ e("label", { style: { display: "block", marginBottom: "4px" }, children: "Дата события:" }),
100
- /* @__PURE__ */ e(r, { name: "eventDate", value: t, onChange: n })
101
- ] }),
102
- /* @__PURE__ */ e("button", { type: "submit", children: "Отправить" })
103
- ] });
104
- }
99
+ }, g = {
100
+ render: () => /* @__PURE__ */ a("form", { onSubmit: (o) => {
101
+ o.preventDefault();
102
+ const r = new FormData(o.target);
103
+ alert(`Выбрана дата: ${r.get("eventDate")}`);
104
+ }, style: { maxWidth: "300px" }, children: [
105
+ /* @__PURE__ */ a("div", { style: { marginBottom: "16px" }, children: [
106
+ /* @__PURE__ */ e("label", { style: { display: "block", marginBottom: "4px" }, children: "Дата события:" }),
107
+ /* @__PURE__ */ e(n, { name: "eventDate" })
108
+ ] }),
109
+ /* @__PURE__ */ e("button", { type: "submit", children: "Отправить" })
110
+ ] })
105
111
  };
106
112
  export {
107
- D as Controlled,
108
- g as CustomStyled,
109
- u as Default,
110
- f as InForm,
111
- h as WithDateRange,
112
- x as WithInitialDate,
113
- m as default
113
+ h as Controlled,
114
+ x as CustomStyled,
115
+ m as Default,
116
+ g as InForm,
117
+ u as WithDateRange,
118
+ p as WithInitialDate,
119
+ d as default
114
120
  };
package/dist/main.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { ComponentType } from 'react';
2
2
  import { Context } from 'react';
3
- import { Dayjs } from 'dayjs';
4
3
  import { default as default_2 } from 'react';
5
4
  import { FC } from 'react';
6
5
  import { ForwardRefExoticComponent } from 'react';
@@ -133,38 +132,6 @@ export declare type Column<T extends object = Record<string, unknown>> = {
133
132
 
134
133
  export declare const CustomLink: default_2.FC<LinkProps>;
135
134
 
136
- export declare const DatePicker: default_2.FC<DatePickerProps>;
137
-
138
- declare interface DatePickerProps {
139
- name?: string;
140
- value?: Date | null;
141
- onChange?: (date: Date | null) => void;
142
- placeholder?: string;
143
- className?: string;
144
- inputClassName?: string;
145
- calendarClassName?: string;
146
- minDate?: Date;
147
- maxDate?: Date;
148
- }
149
-
150
- export declare const DateRangePicker: default_2.FC<DateRangePickerProps>;
151
-
152
- declare interface DateRangePickerProps {
153
- disabledBefore?: Dayjs;
154
- disabledAfter?: Dayjs;
155
- onChange?: (range: {
156
- start: Dayjs;
157
- end: Dayjs;
158
- }) => void;
159
- initialRange?: {
160
- start: Dayjs;
161
- end: Dayjs;
162
- };
163
- className?: string;
164
- placeholder: string;
165
- autoCompleteWithToday?: boolean;
166
- }
167
-
168
135
  export declare const DropdownInput: default_2.FC<DropdownInputProps>;
169
136
 
170
137
  declare type DropdownInputProps = {
package/dist/main.js CHANGED
@@ -1,166 +1,162 @@
1
1
  import { Accordeon as e } from "./components/Ui/Accordeon/Accordeon.js";
2
- import { Alert as t } from "./components/Ui/Alert/Alert.js";
3
- import { Avatar as a } from "./components/Ui/Avatar/Avatar.js";
2
+ import { Alert as I } from "./components/Ui/Alert/Alert.js";
3
+ import { Avatar as i } from "./components/Ui/Avatar/Avatar.js";
4
4
  import { ModalWindow as p } from "./components/Ui/ModalWindow/ModalWindow.js";
5
5
  import { Badge as f } from "./components/Ui/Badge/Badge.js";
6
- import { DatePicker as x } from "./components/Ui/DatePicker/DatePicker.js";
7
- import { DateRangePicker as u } from "./components/Ui/DateRangePicker/DateRangePicker.js";
8
- import { Button as C } from "./components/Ui/Button/Button.js";
9
- import { ButtonsArray as h } from "./components/Ui/ButtonsArray/ButtonsArray.js";
10
- import { Checkbox as S } from "./components/Ui/Checkbox/Checkbox.js";
11
- import { CliTextareaInput as k } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
6
+ import { Button as x } from "./components/Ui/Button/Button.js";
7
+ import { ButtonsArray as u } from "./components/Ui/ButtonsArray/ButtonsArray.js";
8
+ import { Checkbox as C } from "./components/Ui/Checkbox/Checkbox.js";
9
+ import { CliTextareaInput as h } from "./components/Ui/CliTextareaInput/CliTextareaInput.js";
12
10
  import "react";
13
- import { CustomLink as D } from "./components/Ui/CustomLink/CustomLink.js";
14
- import { DropdownInput as P } from "./components/Ui/DropdownInput/DropdownInput.js";
15
- import { DropdownMenu as U } from "./components/Ui/DropdownMenu/DropdownMenu.js";
16
- import { FileUpload as F } from "./components/Ui/FileUpload/FileUpload.js";
17
- import { Form as R } from "./components/Ui/Form/FormRoot/FormRoot.js";
18
- import { useForm as X } from "./components/Ui/Form/useForm/useForm.js";
19
- import { Loader as H } from "./components/Ui/Loader/Loader.js";
20
- import { Pagination as O } from "./components/Ui/Pagination/Pagination.js";
21
- import { Radio as E } from "./components/Ui/Radio/Radio.js";
22
- import { SearchInput as W } from "./components/Ui/SearchInput/SearchInput.js";
23
- import { Skeleton as z } from "./components/Ui/Skeleton/Skeleton.js";
24
- import { Switch as Y } from "./components/Ui/Switch/Switch.js";
25
- import { Table as q } from "./components/Ui/Table/Table.js";
26
- import { TextInput as Z } from "./components/Ui/TextInput/TextInput.js";
27
- import { TextareaInput as $ } from "./components/Ui/TextareaInput/TextareaInput.js";
28
- import { Tooltip as ro } from "./components/Ui/Tooltip/Tooltip.js";
29
- import { Tabs as eo } from "./components/Ui/Tabs/Tabs.js";
30
- 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";
31
- import { ToastProvider as Yr } from "./context/ToastContext/ToastContext.js";
32
- import { TriaflyContext as qr, TriaflyProvider as Kr, useTriafly as Zr } from "./context/TriaflyContext/TriaflyProvider.js";
33
- import { useBreakpointValueTriafly as $r } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
34
- import { useThemeLogic as rn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
35
- import { useModalState as en } from "./context/TriaflyContext/hooks/useModal/useModal.js";
11
+ import { CustomLink as T } from "./components/Ui/CustomLink/CustomLink.js";
12
+ import { DropdownInput as A } from "./components/Ui/DropdownInput/DropdownInput.js";
13
+ import { DropdownMenu as k } from "./components/Ui/DropdownMenu/DropdownMenu.js";
14
+ import { FileUpload as P } from "./components/Ui/FileUpload/FileUpload.js";
15
+ import { Form as U } from "./components/Ui/Form/FormRoot/FormRoot.js";
16
+ import { useForm as F } from "./components/Ui/Form/useForm/useForm.js";
17
+ import { Loader as v } from "./components/Ui/Loader/Loader.js";
18
+ import { Pagination as X } from "./components/Ui/Pagination/Pagination.js";
19
+ import { Radio as H } from "./components/Ui/Radio/Radio.js";
20
+ import { SearchInput as O } from "./components/Ui/SearchInput/SearchInput.js";
21
+ import { Skeleton as E } from "./components/Ui/Skeleton/Skeleton.js";
22
+ import { Switch as W } from "./components/Ui/Switch/Switch.js";
23
+ import { Table as z } from "./components/Ui/Table/Table.js";
24
+ import { TextInput as Y } from "./components/Ui/TextInput/TextInput.js";
25
+ import { TextareaInput as q } from "./components/Ui/TextareaInput/TextareaInput.js";
26
+ import { Tooltip as Z } from "./components/Ui/Tooltip/Tooltip.js";
27
+ import { Tabs as $ } from "./components/Ui/Tabs/Tabs.js";
28
+ import { IconArrowBendUpRight as no, IconArrowClockwise as ro, IconArrowDown as eo, IconArrowLeft as co, IconArrowLineDown as Io, IconArrowLineLeft as to, IconArrowLineRight as io, IconArrowLineUp as ao, IconArrowRight as po, IconArrowUp as lo, IconArrowsOut as fo, IconArticle as mo, IconAt as xo, IconBellSimple as so, IconBookOpenText as uo, IconCalendarBlank as Co, IconCaretDown as wo, IconCaretLeft as ho, IconCaretRight as So, IconCaretUp as To, IconCaretUpDown as go, IconChartPieSlice as Ao, IconChatText as Lo, IconCheck as ko, IconCheckCircle as Do, IconChecks as Po, IconCircleNotch as yo, IconCopy as Uo, IconCornersOut as Bo, IconCsv as Fo, IconCube as Mo, IconDatabase as vo, IconDotsNine as Ro, IconDotsThreeVertical as Xo, IconExport as bo, IconEye as Ho, IconEyeSlash as No, IconFile as Oo, IconFiles as Qo, IconFloppyDisk as Eo, IconFolderSimple as Go, IconFolderSimpleX as Wo, IconFunnel as Vo, IconGauge as zo, IconGear as Jo, IconGoogleDrive as Yo, IconHand as jo, IconHeadCircuit as qo, IconHouse as Ko, IconIcon as Zo, IconInfo as _o, IconJoin as $o, IconLanguage as on, IconLink as nn, IconList as rn, IconLock as en, IconLockOpen as cn, IconMariaDB as In, IconMinus as tn, IconMongoDB as an, IconMoon as pn, IconMySQL as ln, IconNavigationArrow as fn, IconNotePencil as mn, IconPassword as xn, IconPen as sn, IconPlay as un, IconPlugsX as dn, IconPlus as Cn, IconPorsgteSQL as wn, IconPresentationChart as hn, IconQuestion as Sn, IconQuestionFullfilled as Tn, IconRedo as gn, IconRoleX as An, IconSearch as Ln, IconSearchX as kn, IconSelection as Dn, IconServer as Pn, IconSlidersHorizontal as yn, IconSticker as Un, IconSun as Bn, IconThreeDot as Fn, IconTrash as Mn, IconTriangleDown as vn, IconTriangleUp as Rn, IconUndo as Xn, IconUploadSimple as bn, IconUser as Hn, IconUserX as Nn, IconWarningCircle as On, IconWrench as Qn, IconX as En, IconYandexDisk as Gn } from "./components/Ui/Icons/Icons.js";
29
+ import { ToastProvider as Vn } from "./context/ToastContext/ToastContext.js";
30
+ import { TriaflyContext as Jn, TriaflyProvider as Yn, useTriafly as jn } from "./context/TriaflyContext/TriaflyProvider.js";
31
+ import { useBreakpointValueTriafly as Kn } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
32
+ import { useThemeLogic as _n } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
33
+ import { useModalState as or } from "./context/TriaflyContext/hooks/useModal/useModal.js";
36
34
  export {
37
35
  e as Accordeon,
38
- t as Alert,
39
- a as Avatar,
36
+ I as Alert,
37
+ i as Avatar,
40
38
  f as Badge,
41
- C as Button,
42
- h as ButtonsArray,
43
- S as Checkbox,
44
- k as CliTextareaInput,
45
- D as CustomLink,
46
- x as DatePicker,
47
- u as DateRangePicker,
48
- P as DropdownInput,
49
- U as DropdownMenu,
50
- F as FileUpload,
51
- R as Form,
52
- to as IconArrowBendUpRight,
53
- Io as IconArrowClockwise,
54
- ao as IconArrowDown,
55
- io as IconArrowLeft,
56
- po as IconArrowLineDown,
57
- lo as IconArrowLineLeft,
58
- fo as IconArrowLineRight,
59
- mo as IconArrowLineUp,
60
- xo as IconArrowRight,
61
- so as IconArrowUp,
62
- uo as IconArrowsOut,
63
- Co as IconArticle,
64
- wo as IconAt,
65
- ho as IconBellSimple,
66
- go as IconBookOpenText,
67
- So as IconCalendarBlank,
68
- To as IconCaretDown,
69
- ko as IconCaretLeft,
70
- Ao as IconCaretRight,
71
- Do as IconCaretUp,
72
- Lo as IconCaretUpDown,
73
- Po as IconChartPieSlice,
74
- yo as IconChatText,
75
- Uo as IconCheck,
76
- Bo as IconCheckCircle,
77
- Fo as IconChecks,
78
- Mo as IconCircleNotch,
79
- Ro as IconCopy,
80
- vo as IconCornersOut,
81
- Xo as IconCsv,
82
- bo as IconCube,
83
- Ho as IconDatabase,
84
- No as IconDotsNine,
85
- Oo as IconDotsThreeVertical,
86
- Qo as IconExport,
87
- Eo as IconEye,
88
- Go as IconEyeSlash,
89
- Wo as IconFile,
90
- Vo as IconFiles,
91
- zo as IconFloppyDisk,
92
- Jo as IconFolderSimple,
93
- Yo as IconFolderSimpleX,
94
- jo as IconFunnel,
95
- qo as IconGauge,
96
- Ko as IconGear,
97
- Zo as IconGoogleDrive,
98
- _o as IconHand,
99
- $o as IconHeadCircuit,
100
- or as IconHouse,
101
- rr as IconIcon,
102
- nr as IconInfo,
103
- er as IconJoin,
104
- cr as IconLanguage,
105
- tr as IconLink,
106
- Ir as IconList,
107
- ar as IconLock,
108
- ir as IconLockOpen,
109
- pr as IconMariaDB,
110
- lr as IconMinus,
111
- fr as IconMongoDB,
112
- mr as IconMoon,
113
- xr as IconMySQL,
114
- sr as IconNavigationArrow,
115
- ur as IconNotePencil,
116
- dr as IconPassword,
117
- Cr as IconPen,
118
- wr as IconPlay,
119
- hr as IconPlugsX,
120
- gr as IconPlus,
121
- Sr as IconPorsgteSQL,
122
- Tr as IconPresentationChart,
123
- kr as IconQuestion,
124
- Ar as IconQuestionFullfilled,
125
- Dr as IconRedo,
126
- Lr as IconRoleX,
127
- Pr as IconSearch,
128
- yr as IconSearchX,
129
- Ur as IconSelection,
130
- Br as IconServer,
131
- Fr as IconSlidersHorizontal,
132
- Mr as IconSticker,
133
- Rr as IconSun,
134
- vr as IconThreeDot,
135
- Xr as IconTrash,
136
- br as IconTriangleDown,
137
- Hr as IconTriangleUp,
138
- Nr as IconUndo,
139
- Or as IconUploadSimple,
140
- Qr as IconUser,
141
- Er as IconUserX,
142
- Gr as IconWarningCircle,
143
- Wr as IconWrench,
144
- Vr as IconX,
145
- zr as IconYandexDisk,
146
- H as Loader,
39
+ x as Button,
40
+ u as ButtonsArray,
41
+ C as Checkbox,
42
+ h as CliTextareaInput,
43
+ T as CustomLink,
44
+ A as DropdownInput,
45
+ k as DropdownMenu,
46
+ P as FileUpload,
47
+ U as Form,
48
+ no as IconArrowBendUpRight,
49
+ ro as IconArrowClockwise,
50
+ eo as IconArrowDown,
51
+ co as IconArrowLeft,
52
+ Io as IconArrowLineDown,
53
+ to as IconArrowLineLeft,
54
+ io as IconArrowLineRight,
55
+ ao as IconArrowLineUp,
56
+ po as IconArrowRight,
57
+ lo as IconArrowUp,
58
+ fo as IconArrowsOut,
59
+ mo as IconArticle,
60
+ xo as IconAt,
61
+ so as IconBellSimple,
62
+ uo as IconBookOpenText,
63
+ Co as IconCalendarBlank,
64
+ wo as IconCaretDown,
65
+ ho as IconCaretLeft,
66
+ So as IconCaretRight,
67
+ To as IconCaretUp,
68
+ go as IconCaretUpDown,
69
+ Ao as IconChartPieSlice,
70
+ Lo as IconChatText,
71
+ ko as IconCheck,
72
+ Do as IconCheckCircle,
73
+ Po as IconChecks,
74
+ yo as IconCircleNotch,
75
+ Uo as IconCopy,
76
+ Bo as IconCornersOut,
77
+ Fo as IconCsv,
78
+ Mo as IconCube,
79
+ vo as IconDatabase,
80
+ Ro as IconDotsNine,
81
+ Xo as IconDotsThreeVertical,
82
+ bo as IconExport,
83
+ Ho as IconEye,
84
+ No as IconEyeSlash,
85
+ Oo as IconFile,
86
+ Qo as IconFiles,
87
+ Eo as IconFloppyDisk,
88
+ Go as IconFolderSimple,
89
+ Wo as IconFolderSimpleX,
90
+ Vo as IconFunnel,
91
+ zo as IconGauge,
92
+ Jo as IconGear,
93
+ Yo as IconGoogleDrive,
94
+ jo as IconHand,
95
+ qo as IconHeadCircuit,
96
+ Ko as IconHouse,
97
+ Zo as IconIcon,
98
+ _o as IconInfo,
99
+ $o as IconJoin,
100
+ on as IconLanguage,
101
+ nn as IconLink,
102
+ rn as IconList,
103
+ en as IconLock,
104
+ cn as IconLockOpen,
105
+ In as IconMariaDB,
106
+ tn as IconMinus,
107
+ an as IconMongoDB,
108
+ pn as IconMoon,
109
+ ln as IconMySQL,
110
+ fn as IconNavigationArrow,
111
+ mn as IconNotePencil,
112
+ xn as IconPassword,
113
+ sn as IconPen,
114
+ un as IconPlay,
115
+ dn as IconPlugsX,
116
+ Cn as IconPlus,
117
+ wn as IconPorsgteSQL,
118
+ hn as IconPresentationChart,
119
+ Sn as IconQuestion,
120
+ Tn as IconQuestionFullfilled,
121
+ gn as IconRedo,
122
+ An as IconRoleX,
123
+ Ln as IconSearch,
124
+ kn as IconSearchX,
125
+ Dn as IconSelection,
126
+ Pn as IconServer,
127
+ yn as IconSlidersHorizontal,
128
+ Un as IconSticker,
129
+ Bn as IconSun,
130
+ Fn as IconThreeDot,
131
+ Mn as IconTrash,
132
+ vn as IconTriangleDown,
133
+ Rn as IconTriangleUp,
134
+ Xn as IconUndo,
135
+ bn as IconUploadSimple,
136
+ Hn as IconUser,
137
+ Nn as IconUserX,
138
+ On as IconWarningCircle,
139
+ Qn as IconWrench,
140
+ En as IconX,
141
+ Gn as IconYandexDisk,
142
+ v as Loader,
147
143
  p as ModalWindow,
148
- O as Pagination,
149
- E as Radio,
150
- W as SearchInput,
151
- z as Skeleton,
152
- Y as Switch,
153
- q as Table,
154
- eo as Tabs,
155
- Z as TextInput,
156
- $ as TextareaInput,
157
- Yr as ToastProvider,
158
- ro as Tooltip,
159
- qr as TriaflyContext,
160
- Kr as TriaflyProvider,
161
- $r as useBreakpointValueTriafly,
162
- X as useForm,
163
- en as useModalState,
164
- rn as useThemeLogic,
165
- Zr as useTriafly
144
+ X as Pagination,
145
+ H as Radio,
146
+ O as SearchInput,
147
+ E as Skeleton,
148
+ W as Switch,
149
+ z as Table,
150
+ $ as Tabs,
151
+ Y as TextInput,
152
+ q as TextareaInput,
153
+ Vn as ToastProvider,
154
+ Z as Tooltip,
155
+ Jn as TriaflyContext,
156
+ Yn as TriaflyProvider,
157
+ Kn as useBreakpointValueTriafly,
158
+ F as useForm,
159
+ or as useModalState,
160
+ _n as useThemeLogic,
161
+ jn as useTriafly
166
162
  };
@@ -1,4 +1,4 @@
1
- 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 = {
1
+ 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 = {
2
2
  container: i,
3
3
  trigger: o,
4
4
  clickTrigger: t,
@@ -1,22 +1,22 @@
1
- @mixin wrapper($bg-color: var(--color-bg-island-default), $padding: 20px 24px 20px 24px) {
2
- background-color: $bg-color;
3
- padding: $padding;
4
- border-radius: 16px;
5
- }
6
-
7
- @mixin outlinedColorScheme ($borderColor, $textColor) { //NOTE: дублирование стилей UI-кита изза модулей?
8
- background-color: transparent !important;
9
- border: 1px solid $borderColor;
10
- color: $textColor;
11
- &[disabled] {
12
- pointer-events: none;
13
- }
14
- &:hover {
15
- background-color: transparent;
16
- box-shadow: inset 0 0 0 1px $borderColor;
17
- }
18
-
19
- svg * {
20
- fill: $textColor;
21
- }
1
+ @mixin wrapper($bg-color: var(--color-bg-island-default), $padding: 20px 24px 20px 24px) {
2
+ background-color: $bg-color;
3
+ padding: $padding;
4
+ border-radius: 16px;
5
+ }
6
+
7
+ @mixin outlinedColorScheme ($borderColor, $textColor) { //NOTE: дублирование стилей UI-кита изза модулей?
8
+ background-color: transparent !important;
9
+ border: 1px solid $borderColor;
10
+ color: $textColor;
11
+ &[disabled] {
12
+ pointer-events: none;
13
+ }
14
+ &:hover {
15
+ background-color: transparent;
16
+ box-shadow: inset 0 0 0 1px $borderColor;
17
+ }
18
+
19
+ svg * {
20
+ fill: $textColor;
21
+ }
22
22
  }
@@ -1,4 +1,4 @@
1
- // Скрываем браузерный крестик в полях поиска
2
- input[type="search"]::-webkit-search-cancel-button {
3
- display: none;
1
+ // Скрываем браузерный крестик в полях поиска
2
+ input[type="search"]::-webkit-search-cancel-button {
3
+ display: none;
4
4
  }
@@ -1,27 +1,27 @@
1
- @import "./reset.scss";
2
- @import "./variables.scss";
3
- @import "./fix.scss";
4
- @import './_mixins.scss';
5
- @import './typography.scss';
6
-
7
- // Пока не трогать, тестовая подсветка блоков
8
- // html {
9
- // border: 4px solid red;
10
- // padding: 1px;
11
- // }
12
-
13
- // body {
14
- // border: 2px dashed;
15
- // margin: 1px;
16
- // }
17
-
18
- // div {
19
- // border: 1px dotted;
20
- // margin: 1px;
21
- // }
22
-
23
-
24
- //layout.module.scss не позволяет дочерним компонентам наследовать стили почему то. Сделать нормальный
25
- .page-content {
26
- border-radius: 16px;
1
+ @import "./reset.scss";
2
+ @import "./variables.scss";
3
+ @import "./fix.scss";
4
+ @import './_mixins.scss';
5
+ @import './typography.scss';
6
+
7
+ // Пока не трогать, тестовая подсветка блоков
8
+ // html {
9
+ // border: 4px solid red;
10
+ // padding: 1px;
11
+ // }
12
+
13
+ // body {
14
+ // border: 2px dashed;
15
+ // margin: 1px;
16
+ // }
17
+
18
+ // div {
19
+ // border: 1px dotted;
20
+ // margin: 1px;
21
+ // }
22
+
23
+
24
+ //layout.module.scss не позволяет дочерним компонентам наследовать стили почему то. Сделать нормальный
25
+ .page-content {
26
+ border-radius: 16px;
27
27
  }