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.
- package/README.md +93 -93
- package/dist/assets/src/components/Ui/ModalWindow/ModalWindow.css +1 -1
- package/dist/assets/src/components/Ui/Tooltip/Tooltip.stories.module.css +1 -1
- package/dist/components/Ui/DatePicker/DatePicker.js +13 -6
- package/dist/components/Ui/DatePicker/DatePicker.stories.js +39 -33
- package/dist/main.d.ts +0 -33
- package/dist/main.js +153 -157
- package/dist/src/components/Ui/Tooltip/Tooltip.stories.module.css.js +1 -1
- package/dist/styles/_mixins.scss +21 -21
- package/dist/styles/fix.scss +3 -3
- package/dist/styles/main.scss +26 -26
- package/dist/styles/reset.scss +105 -105
- package/dist/styles/typography.scss +106 -102
- package/dist/styles/variables.scss +273 -273
- package/package.json +111 -111
- package/src/styles/_mixins.scss +21 -21
- package/src/styles/fix.scss +3 -3
- package/src/styles/main.scss +26 -26
- package/src/styles/reset.scss +105 -105
- package/src/styles/typography.scss +106 -102
- package/src/styles/variables.scss +273 -273
- package/dist/_virtual/dayjs.min.js +0 -7
- package/dist/_virtual/dayjs.min2.js +0 -4
- package/dist/_virtual/ru.js +0 -2
- package/dist/_virtual/ru2.js +0 -4
- package/dist/assets/src/components/Ui/DateRangePicker/DateRangePicker.css +0 -1
- package/dist/components/Ui/DatePicker/index.js +0 -4
- package/dist/components/Ui/DateRangePicker/DateRangePicker.js +0 -195
- package/dist/components/Ui/DateRangePicker/DateRangePicker.stories.js +0 -84
- package/dist/components/Ui/DateRangePicker/const.js +0 -37
- package/dist/components/Ui/DateRangePicker/hooks/useCalendarRenderer.js +0 -48
- package/dist/components/Ui/DateRangePicker/hooks/useChangeDate.js +0 -28
- package/dist/components/Ui/DateRangePicker/hooks/useDateNavigation.js +0 -22
- package/dist/components/Ui/DateRangePicker/hooks/useDateRangeState.js +0 -24
- package/dist/components/Ui/DateRangePicker/hooks/useQuickRange.js +0 -77
- package/dist/components/Ui/DateRangePicker/index.js +0 -4
- package/dist/node_modules/dayjs/dayjs.min.js +0 -282
- package/dist/node_modules/dayjs/locale/ru.js +0 -36
@@ -1 +1 @@
|
|
1
|
-
.
|
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(
|
120
|
-
|
121
|
-
|
122
|
-
|
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
|
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
|
4
|
-
const
|
3
|
+
import n from "./DatePicker.js";
|
4
|
+
const d = {
|
5
5
|
title: "UIKit/DatePicker",
|
6
|
-
component:
|
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
|
-
},
|
42
|
+
}, m = {
|
43
43
|
args: {
|
44
44
|
placeholder: "Любая дата"
|
45
45
|
}
|
46
|
-
},
|
46
|
+
}, p = {
|
47
47
|
args: {
|
48
48
|
value: new Date(2023, 5, 15),
|
49
49
|
placeholder: "Выберите дату"
|
50
50
|
}
|
51
|
-
},
|
51
|
+
}, u = {
|
52
52
|
args: {
|
53
53
|
minDate: new Date(2023, 0, 1),
|
54
54
|
maxDate: new Date(2023, 11, 31)
|
55
55
|
}
|
56
|
-
},
|
56
|
+
}, x = {
|
57
57
|
args: {
|
58
58
|
inputClassName: "custom-input",
|
59
59
|
calendarClassName: "custom-calendar"
|
60
60
|
},
|
61
61
|
decorators: [
|
62
|
-
(
|
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(
|
78
|
+
/* @__PURE__ */ e(t, {})
|
79
79
|
] })
|
80
80
|
]
|
81
|
-
},
|
82
|
-
render:
|
83
|
-
const [t,
|
81
|
+
}, h = {
|
82
|
+
render: () => {
|
83
|
+
const [t, o] = l.useState(null);
|
84
84
|
return /* @__PURE__ */ a("div", { style: { maxWidth: "300px" }, children: [
|
85
|
-
/* @__PURE__ */ e(
|
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
|
-
},
|
93
|
-
render:
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
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
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
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
|
3
|
-
import { Avatar as
|
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 {
|
7
|
-
import {
|
8
|
-
import {
|
9
|
-
import {
|
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
|
14
|
-
import { DropdownInput as
|
15
|
-
import { DropdownMenu as
|
16
|
-
import { FileUpload as
|
17
|
-
import { Form as
|
18
|
-
import { useForm as
|
19
|
-
import { Loader as
|
20
|
-
import { Pagination as
|
21
|
-
import { Radio as
|
22
|
-
import { SearchInput as
|
23
|
-
import { Skeleton as
|
24
|
-
import { Switch as
|
25
|
-
import { Table as
|
26
|
-
import { TextInput as
|
27
|
-
import { TextareaInput as
|
28
|
-
import { Tooltip as
|
29
|
-
import { Tabs as
|
30
|
-
import { IconArrowBendUpRight as
|
31
|
-
import { ToastProvider as
|
32
|
-
import { TriaflyContext as
|
33
|
-
import { useBreakpointValueTriafly as
|
34
|
-
import { useThemeLogic as
|
35
|
-
import { useModalState as
|
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
|
-
|
39
|
-
|
36
|
+
I as Alert,
|
37
|
+
i as Avatar,
|
40
38
|
f as Badge,
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
P as
|
49
|
-
U as
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
Lo as
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
144
|
-
|
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
|
-
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
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 = "
|
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,
|
package/dist/styles/_mixins.scss
CHANGED
@@ -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
|
}
|
package/dist/styles/fix.scss
CHANGED
@@ -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
|
}
|
package/dist/styles/main.scss
CHANGED
@@ -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
|
}
|