triafly-ui-kit 1.0.9 → 1.0.11

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.
@@ -1,43 +0,0 @@
1
- import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
- import { Button as o } from "../../Button/Button.js";
3
- import { TextInput as d } from "../../TextInput/TextInput.js";
4
- import { Checkbox as r } from "../../Checkbox/Checkbox.js";
5
- import { Radio as a } from "../../Radio/Radio.js";
6
- import { Switch as i } from "../../Switch/Switch.js";
7
- import '../../../../assets/DemoElements.css';const b = () => /* @__PURE__ */ l("div", { className: "demo", children: [
8
- /* @__PURE__ */ e("h1", { children: "Demo Elements" }),
9
- /* @__PURE__ */ e("hr", {}),
10
- /* @__PURE__ */ l("div", { className: "demo-box", children: [
11
- /* @__PURE__ */ e("h2", { children: "Инпут" }),
12
- /* @__PURE__ */ e(
13
- d,
14
- {
15
- iconType: "search",
16
- value: "text",
17
- label: "Search",
18
- placeholder: "Введите запрос",
19
- type: "text"
20
- }
21
- )
22
- ] }),
23
- /* @__PURE__ */ l("div", { className: "demo-box", children: [
24
- /* @__PURE__ */ e("h2", { children: "Кнопка" }),
25
- /* @__PURE__ */ e(o, { type: "button", className: "brand", label: "Brand", title: "Brand" })
26
- ] }),
27
- /* @__PURE__ */ l("div", { className: "demo-box", children: [
28
- /* @__PURE__ */ e("h2", { children: "Чекбокс" }),
29
- /* @__PURE__ */ e(r, { label: "Checkbox" })
30
- ] }),
31
- /* @__PURE__ */ l("div", { className: "demo-box", children: [
32
- /* @__PURE__ */ e("h2", { children: "Радиокнопки" }),
33
- /* @__PURE__ */ e(a, { radioId: "id1", label: "Опция 1", value: "value1", name: "radio-test" }),
34
- /* @__PURE__ */ e(a, { radioId: "id2", label: "Опция 2", value: "value2", name: "radio-test" })
35
- ] }),
36
- /* @__PURE__ */ l("div", { className: "demo-box", children: [
37
- /* @__PURE__ */ e("h2", { children: "Тоггл" }),
38
- /* @__PURE__ */ e(i, { label: "Toggle (Switch) Button" })
39
- ] })
40
- ] });
41
- export {
42
- b as default
43
- };
@@ -1,110 +0,0 @@
1
- import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
- import { MemoryRouter as o } from "react-router-dom";
3
- import { TextInput as a } from "../../TextInput/TextInput.js";
4
- import { Button as t } from "../../Button/Button.js";
5
- import { Checkbox as i } from "../../Checkbox/Checkbox.js";
6
- import { Radio as m } from "../../Radio/Radio.js";
7
- import { Switch as s } from "../../Switch/Switch.js";
8
- import { DropdownInput as h } from "../../DropdownInput/DropdownInput.js";
9
- import { TextareaInput as b } from "../../TextareaInput/TextareaInput.js";
10
- import '../../../../assets/DemoForm.css';const u = [
11
- {
12
- value: "Moscow",
13
- label: "Москва"
14
- },
15
- {
16
- value: "Zhitomir",
17
- label: "Житомир"
18
- },
19
- {
20
- value: "Syizran",
21
- label: "Сызрань"
22
- }
23
- ], I = ({
24
- columns: c,
25
- isInputDisabled: d,
26
- isChecboxDisabled: n,
27
- isRadioDisabled: r,
28
- isSwitchDisabled: p
29
- }) => /* @__PURE__ */ l("form", { className: `form-demo ${c ? "columns-2" : ""}`, children: [
30
- /* @__PURE__ */ e("span", { className: "title", children: "Форма" }),
31
- /* @__PURE__ */ l("div", { className: "container", children: [
32
- /* @__PURE__ */ e(a, { label: "Фамилия", placeholder: "Введите фамилию", type: "text" }),
33
- /* @__PURE__ */ e(a, { label: "Имя", placeholder: "Введите имя", type: "text" }),
34
- /* @__PURE__ */ e(
35
- a,
36
- {
37
- label: "Отчество",
38
- placeholder: "Введите отчество",
39
- type: "text",
40
- isDisabled: d
41
- }
42
- ),
43
- /* @__PURE__ */ e(
44
- a,
45
- {
46
- label: "E-mail",
47
- placeholder: "Введите email",
48
- type: "email",
49
- iconType: "email",
50
- errorMessage: "Введите email",
51
- isClearable: !0
52
- }
53
- ),
54
- /* @__PURE__ */ e(
55
- h,
56
- {
57
- label: "Город",
58
- placeholder: "Введите город",
59
- options: u,
60
- name: "cities"
61
- }
62
- ),
63
- /* @__PURE__ */ e("div", { className: "form-group", children: /* @__PURE__ */ e(
64
- b,
65
- {
66
- label: "Немного о себе",
67
- name: "about-you",
68
- placeholder: "Введите текст",
69
- errorMessage: "Пару слов, не больше",
70
- isClearable: !0
71
- }
72
- ) }),
73
- /* @__PURE__ */ l("div", { className: "form-group", children: [
74
- /* @__PURE__ */ e(i, { label: "Согласен с условиями", isChecked: !0, isDisabled: n }),
75
- /* @__PURE__ */ e(i, { label: "Подписаться на новости" })
76
- ] }),
77
- /* @__PURE__ */ l("div", { className: "form-group", children: [
78
- /* @__PURE__ */ e("span", { className: "title", children: "Тема оформления" }),
79
- /* @__PURE__ */ e(
80
- m,
81
- {
82
- radioId: "light-theme",
83
- label: "Светлая",
84
- value: "light",
85
- name: "theme",
86
- isDisabled: r
87
- }
88
- ),
89
- /* @__PURE__ */ e(
90
- m,
91
- {
92
- radioId: "dark-theme",
93
- label: "Тёмная",
94
- value: "dark",
95
- name: "theme",
96
- isDisabled: r
97
- }
98
- )
99
- ] }),
100
- /* @__PURE__ */ e(s, { label: "Уведомления по email", isChecked: !0, isDisabled: p }),
101
- /* @__PURE__ */ e(s, { label: "Push-уведомления" })
102
- ] }),
103
- /* @__PURE__ */ l("div", { className: "form-group horizontal button-container", children: [
104
- /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { isLoading: !0, type: "button", className: "lg", label: "Отправить" }) }),
105
- /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { type: "button", className: "lg brand-light", label: "Не отправлять" }) })
106
- ] })
107
- ] });
108
- export {
109
- I as default
110
- };
@@ -1,40 +0,0 @@
1
- import e from "./DemoForm.js";
2
- const i = {
3
- title: "UIKit/Demo Form",
4
- component: e,
5
- parameters: { layout: "centered" },
6
- argTypes: {
7
- columns: {
8
- control: { type: "boolean" },
9
- description: "Одна / Две колонки"
10
- },
11
- isInputDisabled: {
12
- control: { type: "boolean" },
13
- description: "Отключить инпут"
14
- },
15
- isChecboxDisabled: {
16
- control: { type: "boolean" },
17
- description: "Отключить первый чекбокс"
18
- },
19
- isRadioDisabled: {
20
- control: { type: "boolean" },
21
- description: "Отключить радио-кнопки"
22
- },
23
- isSwitchDisabled: {
24
- control: { type: "boolean" },
25
- description: "Отключить свич-кнопку"
26
- }
27
- }
28
- }, s = {
29
- args: {
30
- columns: !1,
31
- isInputDisabled: !1,
32
- isChecboxDisabled: !1,
33
- isRadioDisabled: !1,
34
- isSwitchDisabled: !1
35
- }
36
- };
37
- export {
38
- s as Primary,
39
- i as default
40
- };
@@ -1,51 +0,0 @@
1
- import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
- import { MemoryRouter as r } from "react-router-dom";
3
- import { Button as l } from "../../Button/Button.js";
4
- import { TextInput as i } from "../../TextInput/TextInput.js";
5
- import '../../../../assets/Alert.css';import '../../../../assets/DemoLogin.css';/* empty css */
6
- import "../../Icons/Icons.js";
7
- const s = !1, p = () => /* @__PURE__ */ a("div", { className: "page-wrapper authorization-page", children: [
8
- /* @__PURE__ */ a("div", { className: "welcome-title", children: [
9
- /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { type: "button", label: "Светло", className: "semiround gray sm theme-icon--light" }) }),
10
- /* @__PURE__ */ a("h1", { children: [
11
- "Триафлай.",
12
- /* @__PURE__ */ e("br", {}),
13
- "NextGen"
14
- ] })
15
- ] }),
16
- /* @__PURE__ */ a("form", { className: "form-login", children: [
17
- /* @__PURE__ */ e("span", { className: "title", children: "С возвращением!" }),
18
- /* @__PURE__ */ e("span", { className: "subtitle", children: "Войдите в свой аккаунт" }),
19
- s,
20
- /* @__PURE__ */ e(
21
- i,
22
- {
23
- label: "E-mail",
24
- placeholder: "Введите email",
25
- type: "email",
26
- iconType: "email",
27
- errorMessage: "Введите email"
28
- }
29
- ),
30
- /* @__PURE__ */ e(
31
- i,
32
- {
33
- label: "Пароль",
34
- placeholder: "Введите пароль",
35
- type: "password",
36
- iconType: "password",
37
- errorMessage: "Введите пароль"
38
- }
39
- ),
40
- /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { type: "submit", className: "lg", label: "Войти" }) }),
41
- /* @__PURE__ */ a("div", { className: "reminder-note", children: [
42
- /* @__PURE__ */ e("span", { children: "Забыли имя пользователя или пароль?" }),
43
- /* @__PURE__ */ e("a", { href: "", children: "Связаться с администратором" })
44
- ] })
45
- ] }),
46
- /* @__PURE__ */ e("div", { id: "bottom", className: "decorative-element" }),
47
- /* @__PURE__ */ e("div", { id: "top", className: "decorative-element" })
48
- ] });
49
- export {
50
- p as default
51
- };
@@ -1,15 +0,0 @@
1
- import e from "./DemoLogin.js";
2
- import '../../../../assets/DemoLogin2.css';const t = {
3
- title: "UIKit/Demo Login",
4
- component: e,
5
- parameters: { layout: "fullscreen" }
6
- }, r = {
7
- args: {
8
- primary: !0,
9
- label: "Demo"
10
- }
11
- };
12
- export {
13
- r as Primary,
14
- t as default
15
- };