triafly-ui-kit 1.0.61 → 1.0.63
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/dist/assets/src/components/Ui/ModalWindow/ModalWindow.css +1 -1
- package/dist/components/Ui/NumberInput/NumberInput.js +10 -0
- package/dist/components/Ui/NumberInput/index.js +4 -0
- package/dist/main.d.ts +2 -0
- package/dist/main.js +13 -11
- package/dist/src/components/Ui/NumberInput/NumberInput.scss.js +1 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.modal-window.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-fader);display:flex;z-index:100}.modal-window.position-center{justify-content:center;align-items:center}.modal-window.position-right{justify-content:flex-end;align-items:center}.modal-window.position-left{justify-content:flex-start;align-items:center}.modal-window.position-top{justify-content:center;align-items:flex-start}.modal-window.position-bottom{justify-content:center;align-items:flex-end}.modal-window__body{background:var(--color-bg-island-default);max-height:100vh;position:relative
|
|
1
|
+
@font-face{font-family:Roboto Slab;src:url(../assets/fonts/RobotoSlab-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Semibold.ttf) format("truetype");font-weight:600}@font-face{font-family:Manrope;src:url(../assets/fonts/Manrope-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Fira Code;src:url(../assets/fonts/FiraCode-Regular.ttf) format("truetype");font-weight:400}*{font-family:Manrope,sans-serif;font-size:14px;line-height:1.2em;letter-spacing:.02em;font-weight:400;color:var(--color-text-primary-default)}h1,h2,h3,h4,h5,h6{margin:0}a{color:var(--color-text-brand-default);text-decoration:none}a:hover{color:var(--color-text-brand-hover)}a[href=""]{opacity:40%;cursor:default;pointer-events:none}p:not(:last-child){margin:0 0 8px}.modal-window.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-fader);display:flex;z-index:100}.modal-window.position-center{justify-content:center;align-items:center}.modal-window.position-right{justify-content:flex-end;align-items:center}.modal-window.position-left{justify-content:flex-start;align-items:center}.modal-window.position-top{justify-content:center;align-items:flex-start}.modal-window.position-bottom{justify-content:center;align-items:flex-end}.modal-window__body{background:var(--color-bg-island-default);max-height:100vh;position:relative}.modal-window__body.size-inner{border-radius:16px;padding:24px 28px}.modal-window__body.size-sm{border-radius:8px;width:360px;padding:10px 12px}.modal-window__body.size-md{width:460px;border-radius:16px;padding:20px 24px}.modal-window__body.size-lg{width:600px;border-radius:16px;padding:24px 28px}.modal-window__body.size-full{width:100%;height:100%}.modal-window__body.foolHeight{height:100vh;border-radius:0}.modal-window__header{display:flex;justify-content:space-between;padding-bottom:28px;align-items:center;gap:12px}.modal-window__header .btn{background:none}.modal-window__header .btn .icon svg *{fill:var(--color-icon-secondary-default)}.modal-window__header .btn:hover{background:none}.modal-window__header__title{font-size:20px;font-weight:600;flex:1;word-break:break-word;overflow-wrap:break-word;white-space:normal;min-width:0}.modal-window__header__icon{border-radius:100%;height:36px;width:36px;display:flex;align-items:center;justify-content:center}.modal-window__header__icon.status-error{background:var(--color-status-error-background)}.modal-window__header__icon.status-error svg *{color:var(--color-bg-error-default)}.modal-window__header__icon.status-warning{background:var(--color-status-warning-background)}.modal-window__header__icon.status-warning svg *{color:var(--color-status-warning-background)}.modal-window__header__icon.status-success{background:var(--color-status-success-background)}.modal-window__header__icon.status-success svg *{color:var(--color-border-success-default)}.modal-window__header__icon.status-info{background:var(--dark-color-static-brand)}.modal-window__header__icon.status-info svg *{color:var(--light-color-static-brand)}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import "../../../src/components/Ui/NumberInput/NumberInput.scss.js";
|
|
3
|
+
import { TextInput as r } from "../TextInput/TextInput.js";
|
|
4
|
+
const u = (t) => /* @__PURE__ */ o(r, { ...t, type: "number", onKeyDown: (e) => {
|
|
5
|
+
var n;
|
|
6
|
+
!/[0-9]|Backspace|Delete|Tab|ArrowLeft|ArrowRight/.test(e.key) && !(e.ctrlKey && ["a", "c", "v", "x"].includes(e.key.toLowerCase())) && e.preventDefault(), (n = t.onKeyDown) == null || n.call(t, e);
|
|
7
|
+
} });
|
|
8
|
+
export {
|
|
9
|
+
u as NumberInput
|
|
10
|
+
};
|
package/dist/main.d.ts
CHANGED
package/dist/main.js
CHANGED
|
@@ -16,8 +16,8 @@ import { DropdownMenu as B } from "./components/Ui/DropdownMenu/DropdownMenu.js"
|
|
|
16
16
|
import { FileUpload as U } from "./components/Ui/FileUpload/FileUpload.js";
|
|
17
17
|
import { Form as R } from "./components/Ui/Form/FormRoot/FormRoot.js";
|
|
18
18
|
import { FormValidationError as X, useForm as b } from "./components/Ui/Form/useForm/useForm.js";
|
|
19
|
-
import { Loader as
|
|
20
|
-
import { Pagination as
|
|
19
|
+
import { Loader as N } from "./components/Ui/Loader/Loader.js";
|
|
20
|
+
import { Pagination as G } from "./components/Ui/Pagination/Pagination.js";
|
|
21
21
|
import { Radio as Q } from "./components/Ui/Radio/Radio.js";
|
|
22
22
|
import { SearchInput as W } from "./components/Ui/SearchInput/SearchInput.js";
|
|
23
23
|
import { Skeleton as J } from "./components/Ui/Skeleton/Skeleton.js";
|
|
@@ -27,12 +27,13 @@ import { TextInput as _ } from "./components/Ui/TextInput/TextInput.js";
|
|
|
27
27
|
import { TextareaInput as oo } from "./components/Ui/TextareaInput/TextareaInput.js";
|
|
28
28
|
import { Tooltip as no } from "./components/Ui/Tooltip/Tooltip.js";
|
|
29
29
|
import { Tabs as co } from "./components/Ui/Tabs/Tabs.js";
|
|
30
|
-
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
|
|
30
|
+
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 No, IconDatabase as Eo, IconDotsNine as Go, 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 Nr, IconTriangleDown as Er, IconTriangleUp as Gr, 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";
|
|
31
31
|
import { ToastProvider as Kr, useToast as Zr } from "./context/ToastContext/ToastContext.js";
|
|
32
32
|
import { TriaflyContext as $r, TriaflyProvider as on, useTriafly as rn } from "./context/TriaflyContext/TriaflyProvider.js";
|
|
33
33
|
import { useBreakpointValueTriafly as en } from "./context/TriaflyContext/hooks/useBreakpointValue/useBreakpointValue.js";
|
|
34
34
|
import { useThemeLogic as tn } from "./context/TriaflyContext/hooks/useTheme/useTheme.js";
|
|
35
35
|
import { useModalState as an } from "./context/TriaflyContext/hooks/useModal/useModal.js";
|
|
36
|
+
import { NumberInput as ln } from "./components/Ui/NumberInput/NumberInput.js";
|
|
36
37
|
export {
|
|
37
38
|
e as Accordeon,
|
|
38
39
|
t as Alert,
|
|
@@ -81,9 +82,9 @@ export {
|
|
|
81
82
|
Xo as IconCopy,
|
|
82
83
|
bo as IconCornersOut,
|
|
83
84
|
Ho as IconCsv,
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
No as IconCube,
|
|
86
|
+
Eo as IconDatabase,
|
|
87
|
+
Go as IconDotsNine,
|
|
87
88
|
Oo as IconDotsThreeVertical,
|
|
88
89
|
Qo as IconExport,
|
|
89
90
|
Vo as IconEye,
|
|
@@ -135,9 +136,9 @@ export {
|
|
|
135
136
|
Xr as IconSticker,
|
|
136
137
|
br as IconSun,
|
|
137
138
|
Hr as IconThreeDot,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
139
|
+
Nr as IconTrash,
|
|
140
|
+
Er as IconTriangleDown,
|
|
141
|
+
Gr as IconTriangleUp,
|
|
141
142
|
Or as IconUndo,
|
|
142
143
|
Qr as IconUploadSimple,
|
|
143
144
|
Vr as IconUser,
|
|
@@ -146,9 +147,10 @@ export {
|
|
|
146
147
|
Jr as IconWrench,
|
|
147
148
|
Yr as IconX,
|
|
148
149
|
jr as IconYandexDisk,
|
|
149
|
-
|
|
150
|
+
N as Loader,
|
|
150
151
|
p as ModalWindow,
|
|
151
|
-
|
|
152
|
+
ln as NumberInput,
|
|
153
|
+
G as Pagination,
|
|
152
154
|
Q as Radio,
|
|
153
155
|
W as SearchInput,
|
|
154
156
|
J as Skeleton,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|