@phpsoftbox/react-softbox 1.16.0 → 2.0.0
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 +10 -0
- package/dist/components/Alert/Alert.js +8 -0
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Alert/Alert.module.css +65 -33
- package/dist/components/Badge/Badge.d.ts +4 -1
- package/dist/components/Badge/Badge.js +25 -3
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.module.css +89 -32
- package/dist/components/Button/Button.d.ts +11 -2
- package/dist/components/Button/Button.js +20 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.d.ts +3 -1
- package/dist/components/Card/Card.js +9 -3
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.module.css +8 -2
- package/dist/components/CollapseButton/CollapseButton.module.css +1 -1
- package/dist/components/Drawer/Drawer.module.css +1 -0
- package/dist/components/FileUploader/FileUploader.module.css +6 -6
- package/dist/components/Image/Image.module.css +2 -2
- package/dist/components/Input/Checkbox/Checkbox.module.css +2 -2
- package/dist/components/Input/ErrorTooltip/ErrorTooltip.module.css +1 -1
- package/dist/components/Input/FloatLabel/FloatLabel.module.css +2 -2
- package/dist/components/Input/FormField/FormField.module.css +2 -2
- package/dist/components/Input/Hint/Hint.module.css +1 -1
- package/dist/components/Input/Input.d.ts +12 -2
- package/dist/components/Input/Input.js +4 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.module.css +1 -1
- package/dist/components/Input/InputGroup.d.ts +14 -3
- package/dist/components/Input/InputGroup.js +27 -4
- package/dist/components/Input/InputGroup.js.map +1 -1
- package/dist/components/Input/InputGroup.module.css +83 -7
- package/dist/components/Input/Radio/Radio.js +1 -1
- package/dist/components/Input/Radio/Radio.js.map +1 -1
- package/dist/components/Input/Radio/Radio.module.css +2 -2
- package/dist/components/Input/Select/Select.d.ts +2 -1
- package/dist/components/Input/Select/Select.js +2 -2
- package/dist/components/Input/Select/Select.js.map +1 -1
- package/dist/components/Input/Select/Select.module.css +22 -9
- package/dist/components/Input/Switch/Switch.module.css +2 -2
- package/dist/components/Input/Textarea/Textarea.module.css +1 -1
- package/dist/components/MarkdownEditor/MarkdownEditor.module.css +51 -17
- package/dist/components/Menu/Menu.module.css +3 -3
- package/dist/components/Modal/Modal.module.css +1 -1
- package/dist/components/Notifier/Notifier.js +4 -0
- package/dist/components/Notifier/Notifier.js.map +1 -1
- package/dist/components/Notifier/Notifier.module.css +38 -16
- package/dist/components/Pagination/Pagination.module.css +1 -1
- package/dist/components/Progress/Progress.js +4 -0
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/Progress/Progress.module.css +24 -8
- package/dist/components/Table/Table.js +4 -0
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/Table.module.css +24 -8
- package/dist/components/Tooltip/Tooltip.module.css +1 -1
- package/dist/components/Typography/Heading.js +4 -0
- package/dist/components/Typography/Heading.js.map +1 -1
- package/dist/components/Typography/Text.js +4 -0
- package/dist/components/Typography/Text.js.map +1 -1
- package/dist/components/Typography/Typography.module.css +22 -6
- package/dist/components/Wizard/Wizard.d.ts +2 -0
- package/dist/components/Wizard/Wizard.js +24 -2
- package/dist/components/Wizard/Wizard.js.map +1 -1
- package/dist/components/Wizard/Wizard.module.css +54 -40
- package/dist/foundations/buttons.css +268 -54
- package/dist/foundations/layout.css +2 -2
- package/dist/foundations/tabs.css +3 -3
- package/dist/foundations/tokens.css +304 -74
- package/dist/foundations/utilities.css +738 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +1 -1
- package/docs/card.md +2 -1
- package/docs/feedback.md +8 -1
- package/docs/forms.md +28 -2
- package/docs/layout.md +42 -2
- package/docs/theme.md +46 -2
- package/package.json +1 -1
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
transition: transform 0.2s ease, color 0.2s ease;
|
|
27
27
|
background: var(--surface-input);
|
|
28
28
|
padding: 0 4px;
|
|
29
|
-
border-radius:
|
|
29
|
+
border-radius: var(--radius-default);
|
|
30
30
|
white-space: nowrap;
|
|
31
31
|
overflow: hidden;
|
|
32
32
|
text-overflow: ellipsis;
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
.control {
|
|
45
45
|
min-height: var(--ui-control-height, 48px);
|
|
46
46
|
width: 100%;
|
|
47
|
-
border-radius: var(--radius-
|
|
47
|
+
border-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
48
48
|
border: 1px solid var(--color-line);
|
|
49
49
|
background: var(--surface-input);
|
|
50
50
|
color: var(--color-text);
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
.controlSearch {
|
|
70
70
|
min-height: var(--ui-control-height, 48px);
|
|
71
71
|
width: 100%;
|
|
72
|
-
border-radius: var(--radius-
|
|
72
|
+
border-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
73
73
|
border: 1px solid var(--color-line);
|
|
74
74
|
background: var(--surface-input);
|
|
75
75
|
color: var(--color-text);
|
|
@@ -97,10 +97,23 @@
|
|
|
97
97
|
min-height: var(--ui-control-height, 48px);
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
.wrapper:global(.rsb-group-item) .control
|
|
100
|
+
.wrapper:global(.rsb-group-item) .control,
|
|
101
|
+
.wrapper:global(.rsb-group-item) .controlSearch {
|
|
101
102
|
border-radius: 0;
|
|
102
103
|
}
|
|
103
104
|
|
|
105
|
+
.wrapper:global(.rsb-group-item):first-child .control,
|
|
106
|
+
.wrapper:global(.rsb-group-item):first-child .controlSearch {
|
|
107
|
+
border-top-left-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
108
|
+
border-bottom-left-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.wrapper:global(.rsb-group-item):last-child .control,
|
|
112
|
+
.wrapper:global(.rsb-group-item):last-child .controlSearch {
|
|
113
|
+
border-top-right-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
114
|
+
border-bottom-right-radius: var(--select-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
115
|
+
}
|
|
116
|
+
|
|
104
117
|
.control:focus-visible {
|
|
105
118
|
outline: none;
|
|
106
119
|
border-color: rgba(20, 201, 214, 0.8);
|
|
@@ -168,7 +181,7 @@
|
|
|
168
181
|
align-items: center;
|
|
169
182
|
gap: 6px;
|
|
170
183
|
padding: 4px 10px;
|
|
171
|
-
border-radius:
|
|
184
|
+
border-radius: var(--select-tag-border-radius, var(--radius-pill));
|
|
172
185
|
background: var(--surface-pill);
|
|
173
186
|
border: 1px solid var(--color-line);
|
|
174
187
|
font-size: var(--font-size-2);
|
|
@@ -198,7 +211,7 @@
|
|
|
198
211
|
.clearButton {
|
|
199
212
|
width: 18px;
|
|
200
213
|
height: 18px;
|
|
201
|
-
border-radius:
|
|
214
|
+
border-radius: var(--radius-circle);
|
|
202
215
|
border: 1px solid rgba(30, 51, 85, 0.4);
|
|
203
216
|
background: rgba(15, 30, 51, 0.35);
|
|
204
217
|
color: var(--color-text);
|
|
@@ -236,7 +249,7 @@
|
|
|
236
249
|
left: 0;
|
|
237
250
|
min-width: 100%;
|
|
238
251
|
max-width: calc(100vw - 24px);
|
|
239
|
-
border-radius: var(--radius-
|
|
252
|
+
border-radius: var(--select-dropdown-border-radius, var(--select-border-radius, var(--radius-default)));
|
|
240
253
|
border: 1px solid var(--color-line);
|
|
241
254
|
background: var(--surface-panel);
|
|
242
255
|
box-shadow: var(--shadow-soft);
|
|
@@ -263,7 +276,7 @@
|
|
|
263
276
|
justify-content: flex-start;
|
|
264
277
|
gap: 8px;
|
|
265
278
|
padding: 8px 10px;
|
|
266
|
-
border-radius:
|
|
279
|
+
border-radius: var(--select-option-border-radius, var(--radius-default));
|
|
267
280
|
border: 1px solid transparent;
|
|
268
281
|
background: transparent;
|
|
269
282
|
color: var(--color-text);
|
|
@@ -319,7 +332,7 @@
|
|
|
319
332
|
.createMark {
|
|
320
333
|
width: 18px;
|
|
321
334
|
height: 18px;
|
|
322
|
-
border-radius:
|
|
335
|
+
border-radius: var(--radius-circle);
|
|
323
336
|
border: 1px solid rgba(20, 201, 214, 0.35);
|
|
324
337
|
display: inline-flex;
|
|
325
338
|
align-items: center;
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
.track {
|
|
17
17
|
width: 46px;
|
|
18
18
|
height: 26px;
|
|
19
|
-
border-radius:
|
|
19
|
+
border-radius: var(--switch-border-radius, var(--radius-pill));
|
|
20
20
|
background: rgba(30, 51, 85, 0.8);
|
|
21
21
|
border: 1px solid rgba(30, 51, 85, 0.9);
|
|
22
22
|
position: relative;
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
.thumb {
|
|
29
29
|
width: 20px;
|
|
30
30
|
height: 20px;
|
|
31
|
-
border-radius:
|
|
31
|
+
border-radius: var(--switch-thumb-border-radius, var(--radius-circle));
|
|
32
32
|
background: #f4f8ff;
|
|
33
33
|
position: absolute;
|
|
34
34
|
left: 3px;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
width: 100%;
|
|
3
3
|
min-height: 120px;
|
|
4
4
|
padding: 14px 16px;
|
|
5
|
-
border-radius: var(--radius-
|
|
5
|
+
border-radius: var(--textarea-border-radius, var(--input-border-radius, var(--radius-default)));
|
|
6
6
|
border: 1px solid rgba(30, 99, 233, 0.25);
|
|
7
7
|
background: var(--surface-input-solid);
|
|
8
8
|
color: var(--color-text);
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
.panel {
|
|
24
24
|
background: var(--surface-panel);
|
|
25
25
|
border: 1px solid var(--color-line);
|
|
26
|
-
border-radius: var(--radius-
|
|
26
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
27
27
|
padding: var(--spacing-4);
|
|
28
28
|
display: flex;
|
|
29
29
|
flex-direction: column;
|
|
@@ -43,14 +43,48 @@
|
|
|
43
43
|
gap: 8px;
|
|
44
44
|
padding: 10px;
|
|
45
45
|
border: 1px solid var(--color-line);
|
|
46
|
-
border-radius:
|
|
46
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
47
47
|
background: var(--surface-panel-soft);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.toolbarGroup {
|
|
51
51
|
display: flex;
|
|
52
|
-
gap:
|
|
53
|
-
flex-wrap:
|
|
52
|
+
gap: 0;
|
|
53
|
+
flex-wrap: nowrap;
|
|
54
|
+
align-items: stretch;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.toolbarGroup > * {
|
|
58
|
+
position: relative;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.toolbarGroup > * + * {
|
|
62
|
+
margin-left: -1px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.toolbarGroup > .toolButton,
|
|
66
|
+
.toolbarGroup > * > .toolButton,
|
|
67
|
+
.toolbarGroup > * > * > .toolButton {
|
|
68
|
+
border-radius: 0;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.toolbarGroup > .toolButton:first-child,
|
|
72
|
+
.toolbarGroup > :first-child > .toolButton,
|
|
73
|
+
.toolbarGroup > :first-child > * > .toolButton {
|
|
74
|
+
border-top-left-radius: var(--btn-group-border-radius, var(--btn-border-radius, var(--radius-default)));
|
|
75
|
+
border-bottom-left-radius: var(--btn-group-border-radius, var(--btn-border-radius, var(--radius-default)));
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.toolbarGroup > .toolButton:last-child,
|
|
79
|
+
.toolbarGroup > :last-child > .toolButton,
|
|
80
|
+
.toolbarGroup > :last-child > * > .toolButton {
|
|
81
|
+
border-top-right-radius: var(--btn-group-border-radius, var(--btn-border-radius, var(--radius-default)));
|
|
82
|
+
border-bottom-right-radius: var(--btn-group-border-radius, var(--btn-border-radius, var(--radius-default)));
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.toolbarGroup > *:hover,
|
|
86
|
+
.toolbarGroup > *:focus-within {
|
|
87
|
+
z-index: 2;
|
|
54
88
|
}
|
|
55
89
|
|
|
56
90
|
.toolButton {
|
|
@@ -60,7 +94,7 @@
|
|
|
60
94
|
border: 1px solid var(--color-line);
|
|
61
95
|
background: transparent;
|
|
62
96
|
color: var(--color-text);
|
|
63
|
-
border-radius:
|
|
97
|
+
border-radius: var(--btn-border-radius, var(--radius-default));
|
|
64
98
|
padding: 6px 10px;
|
|
65
99
|
font-size: 12px;
|
|
66
100
|
letter-spacing: 0.02em;
|
|
@@ -121,7 +155,7 @@
|
|
|
121
155
|
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
|
|
122
156
|
gap: 8px;
|
|
123
157
|
padding: 10px;
|
|
124
|
-
border-radius:
|
|
158
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
125
159
|
border: 1px solid var(--color-line);
|
|
126
160
|
background: var(--surface-input-muted);
|
|
127
161
|
}
|
|
@@ -133,7 +167,7 @@
|
|
|
133
167
|
.toolInput {
|
|
134
168
|
background: var(--surface-input);
|
|
135
169
|
border: 1px solid var(--color-line);
|
|
136
|
-
border-radius:
|
|
170
|
+
border-radius: var(--input-border-radius, var(--radius-default));
|
|
137
171
|
padding: 6px 10px;
|
|
138
172
|
color: var(--color-text);
|
|
139
173
|
font-size: 13px;
|
|
@@ -151,7 +185,7 @@
|
|
|
151
185
|
|
|
152
186
|
.toolAction {
|
|
153
187
|
border: none;
|
|
154
|
-
border-radius:
|
|
188
|
+
border-radius: var(--btn-border-radius, var(--radius-default));
|
|
155
189
|
padding: 6px 14px;
|
|
156
190
|
background: linear-gradient(120deg, rgba(79, 230, 163, 0.9), rgba(20, 201, 214, 0.9));
|
|
157
191
|
color: #fff;
|
|
@@ -193,11 +227,11 @@
|
|
|
193
227
|
|
|
194
228
|
.textarea::-webkit-scrollbar-track {
|
|
195
229
|
background: var(--surface-input-muted);
|
|
196
|
-
border-radius:
|
|
230
|
+
border-radius: var(--radius-pill);
|
|
197
231
|
}
|
|
198
232
|
|
|
199
233
|
.textarea::-webkit-scrollbar-thumb {
|
|
200
|
-
border-radius:
|
|
234
|
+
border-radius: var(--radius-pill);
|
|
201
235
|
border: 2px solid var(--surface-input-muted);
|
|
202
236
|
background: linear-gradient(180deg, rgba(79, 230, 163, 0.78), rgba(20, 201, 214, 0.78));
|
|
203
237
|
}
|
|
@@ -243,7 +277,7 @@
|
|
|
243
277
|
padding: 8px 12px;
|
|
244
278
|
border-left: 3px solid rgba(30, 99, 233, 0.6);
|
|
245
279
|
background: rgba(30, 99, 233, 0.08);
|
|
246
|
-
border-radius:
|
|
280
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
247
281
|
}
|
|
248
282
|
|
|
249
283
|
.preview ul,
|
|
@@ -258,7 +292,7 @@
|
|
|
258
292
|
.preview :global(.md-code-wrap) {
|
|
259
293
|
margin: 10px 0;
|
|
260
294
|
border: 1px solid var(--color-line);
|
|
261
|
-
border-radius:
|
|
295
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
262
296
|
overflow: hidden;
|
|
263
297
|
background: var(--surface-code);
|
|
264
298
|
}
|
|
@@ -277,7 +311,7 @@
|
|
|
277
311
|
display: inline-flex;
|
|
278
312
|
align-items: center;
|
|
279
313
|
border: 1px solid rgba(30, 99, 233, 0.4);
|
|
280
|
-
border-radius:
|
|
314
|
+
border-radius: var(--radius-pill);
|
|
281
315
|
padding: 2px 8px;
|
|
282
316
|
font-size: 11px;
|
|
283
317
|
letter-spacing: 0.04em;
|
|
@@ -288,7 +322,7 @@
|
|
|
288
322
|
|
|
289
323
|
.preview :global(.md-code-copy) {
|
|
290
324
|
border: 1px solid var(--color-line);
|
|
291
|
-
border-radius:
|
|
325
|
+
border-radius: var(--btn-border-radius, var(--radius-default));
|
|
292
326
|
background: var(--surface-control);
|
|
293
327
|
color: var(--color-text);
|
|
294
328
|
padding: 4px 10px;
|
|
@@ -417,7 +451,7 @@
|
|
|
417
451
|
|
|
418
452
|
.preview pre {
|
|
419
453
|
padding: 12px 14px;
|
|
420
|
-
border-radius:
|
|
454
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
421
455
|
background: var(--surface-code);
|
|
422
456
|
border: 1px solid var(--color-line);
|
|
423
457
|
overflow-x: auto;
|
|
@@ -443,7 +477,7 @@
|
|
|
443
477
|
padding: 2px 6px;
|
|
444
478
|
background: var(--surface-code);
|
|
445
479
|
border: 1px solid var(--color-line);
|
|
446
|
-
border-radius:
|
|
480
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
447
481
|
font-family: var(--font-mono, "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace);
|
|
448
482
|
font-size: 0.9em;
|
|
449
483
|
}
|
|
@@ -459,7 +493,7 @@
|
|
|
459
493
|
|
|
460
494
|
.preview img {
|
|
461
495
|
max-width: 100%;
|
|
462
|
-
border-radius:
|
|
496
|
+
border-radius: var(--markdown-editor-border-radius, var(--radius-default));
|
|
463
497
|
margin: 8px 0;
|
|
464
498
|
display: block;
|
|
465
499
|
}
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
align-items: center;
|
|
23
23
|
gap: 10px;
|
|
24
24
|
padding: 10px 12px;
|
|
25
|
-
border-radius:
|
|
25
|
+
border-radius: var(--menu-item-border-radius, var(--radius-default));
|
|
26
26
|
border: 1px solid transparent;
|
|
27
27
|
background: transparent;
|
|
28
28
|
color: var(--color-text);
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
background: var(--surface-control);
|
|
204
204
|
color: var(--color-text);
|
|
205
205
|
padding: 8px 12px;
|
|
206
|
-
border-radius:
|
|
206
|
+
border-radius: var(--radius-pill);
|
|
207
207
|
cursor: pointer;
|
|
208
208
|
display: inline-flex;
|
|
209
209
|
align-items: center;
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
max-width: calc(100vw - 24px);
|
|
229
229
|
background: var(--surface-panel);
|
|
230
230
|
border: 1px solid var(--color-line);
|
|
231
|
-
border-radius: var(--radius-
|
|
231
|
+
border-radius: var(--dropdown-border-radius, var(--radius-default));
|
|
232
232
|
padding: 16px;
|
|
233
233
|
box-shadow: var(--shadow-soft);
|
|
234
234
|
z-index: 60;
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
max-height: calc(100dvh - (var(--spacing-7) * 2));
|
|
19
19
|
background: var(--surface-panel);
|
|
20
20
|
border: 1px solid var(--color-line);
|
|
21
|
-
border-radius: var(--radius-
|
|
21
|
+
border-radius: var(--modal-border-radius, var(--radius-default));
|
|
22
22
|
box-shadow: var(--shadow-soft);
|
|
23
23
|
display: flex;
|
|
24
24
|
flex-direction: column;
|
|
@@ -10,10 +10,14 @@ const positionClass = {
|
|
|
10
10
|
const variantClass = {
|
|
11
11
|
default: styles.default,
|
|
12
12
|
primary: styles.primary,
|
|
13
|
+
secondary: styles.secondary,
|
|
13
14
|
info: styles.info,
|
|
14
15
|
success: styles.success,
|
|
15
16
|
warning: styles.warning,
|
|
16
17
|
danger: styles.danger,
|
|
18
|
+
dark: styles.dark,
|
|
19
|
+
light: styles.light,
|
|
20
|
+
neutral: styles.neutral,
|
|
17
21
|
};
|
|
18
22
|
export default function Notifier({ items, onDismiss, position = 'top-right' }) {
|
|
19
23
|
const timersRef = React.useRef({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notifier.js","sourceRoot":"","sources":["../../../src/components/Notifier/Notifier.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAkB3C,MAAM,aAAa,GAAmD;IACpE,WAAW,EAAE,MAAM,CAAC,QAAQ;IAC5B,UAAU,EAAE,MAAM,CAAC,OAAO;IAC1B,cAAc,EAAE,MAAM,CAAC,WAAW;IAClC,aAAa,EAAE,MAAM,CAAC,UAAU;CACjC,CAAC;AAEF,MAAM,YAAY,GAA8B;IAC9C,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"Notifier.js","sourceRoot":"","sources":["../../../src/components/Notifier/Notifier.tsx"],"names":[],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
gap: var(--spacing-3);
|
|
34
34
|
align-items: flex-start;
|
|
35
35
|
padding: var(--spacing-4);
|
|
36
|
-
border-radius: var(--radius-
|
|
36
|
+
border-radius: var(--toast-border-radius, var(--radius-default));
|
|
37
37
|
border: 1px solid transparent;
|
|
38
38
|
background: var(--surface-panel);
|
|
39
39
|
color: var(--color-text);
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
animation: toast-in 0.18s ease;
|
|
42
42
|
position: relative;
|
|
43
43
|
overflow: hidden;
|
|
44
|
+
box-sizing: border-box;
|
|
44
45
|
}
|
|
45
46
|
|
|
46
47
|
.toastClosing {
|
|
@@ -82,14 +83,15 @@
|
|
|
82
83
|
|
|
83
84
|
.timer {
|
|
84
85
|
position: absolute;
|
|
85
|
-
left:
|
|
86
|
-
right:
|
|
87
|
-
bottom:
|
|
86
|
+
left: -1px;
|
|
87
|
+
right: -1px;
|
|
88
|
+
bottom: -1px;
|
|
88
89
|
height: 3px;
|
|
89
90
|
background: var(--toast-accent, rgba(20, 201, 214, 0.9));
|
|
90
91
|
transform-origin: left;
|
|
91
92
|
animation: toast-timer var(--toast-duration, 0ms) linear forwards;
|
|
92
93
|
pointer-events: none;
|
|
94
|
+
z-index: 1;
|
|
93
95
|
}
|
|
94
96
|
|
|
95
97
|
.toast[data-paused="true"] .timer {
|
|
@@ -97,33 +99,53 @@
|
|
|
97
99
|
}
|
|
98
100
|
|
|
99
101
|
.default {
|
|
100
|
-
border-color:
|
|
101
|
-
--toast-accent:
|
|
102
|
+
border-color: var(--variant-default-border);
|
|
103
|
+
--toast-accent: var(--variant-default-accent);
|
|
102
104
|
}
|
|
103
105
|
|
|
104
106
|
.primary {
|
|
105
|
-
border-color:
|
|
106
|
-
--toast-accent:
|
|
107
|
+
border-color: var(--variant-primary-border);
|
|
108
|
+
--toast-accent: var(--variant-primary-bg);
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.secondary {
|
|
112
|
+
border-color: var(--variant-secondary-border);
|
|
113
|
+
--toast-accent: var(--variant-secondary-bg);
|
|
107
114
|
}
|
|
108
115
|
|
|
109
116
|
.info {
|
|
110
|
-
border-color:
|
|
111
|
-
--toast-accent:
|
|
117
|
+
border-color: var(--variant-info-border);
|
|
118
|
+
--toast-accent: var(--variant-info-bg);
|
|
112
119
|
}
|
|
113
120
|
|
|
114
121
|
.success {
|
|
115
|
-
border-color:
|
|
116
|
-
--toast-accent:
|
|
122
|
+
border-color: var(--variant-success-border);
|
|
123
|
+
--toast-accent: var(--variant-success-bg);
|
|
117
124
|
}
|
|
118
125
|
|
|
119
126
|
.warning {
|
|
120
|
-
border-color:
|
|
121
|
-
--toast-accent:
|
|
127
|
+
border-color: var(--variant-warning-border);
|
|
128
|
+
--toast-accent: var(--variant-warning-bg);
|
|
122
129
|
}
|
|
123
130
|
|
|
124
131
|
.danger {
|
|
125
|
-
border-color:
|
|
126
|
-
--toast-accent:
|
|
132
|
+
border-color: var(--variant-danger-border);
|
|
133
|
+
--toast-accent: var(--variant-danger-bg);
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.dark {
|
|
137
|
+
border-color: var(--variant-dark-border);
|
|
138
|
+
--toast-accent: var(--variant-dark-bg);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.light {
|
|
142
|
+
border-color: var(--variant-light-border);
|
|
143
|
+
--toast-accent: var(--variant-light-bg);
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.neutral {
|
|
147
|
+
border-color: var(--variant-neutral-border);
|
|
148
|
+
--toast-accent: var(--variant-neutral-bg);
|
|
127
149
|
}
|
|
128
150
|
|
|
129
151
|
@keyframes toast-in {
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
min-width: 36px;
|
|
31
31
|
height: 36px;
|
|
32
32
|
padding: 0 10px;
|
|
33
|
-
border-radius:
|
|
33
|
+
border-radius: var(--pagination-border-radius, var(--radius-default));
|
|
34
34
|
border: 1px solid rgba(30, 99, 233, 0.25);
|
|
35
35
|
background: var(--surface-control);
|
|
36
36
|
color: var(--color-text);
|
|
@@ -4,10 +4,14 @@ const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
|
|
|
4
4
|
const variantMap = {
|
|
5
5
|
default: styles.default,
|
|
6
6
|
primary: styles.primary,
|
|
7
|
+
secondary: styles.secondary,
|
|
7
8
|
info: styles.info,
|
|
8
9
|
success: styles.success,
|
|
9
10
|
warning: styles.warning,
|
|
10
11
|
danger: styles.danger,
|
|
12
|
+
dark: styles.dark,
|
|
13
|
+
light: styles.light,
|
|
14
|
+
neutral: styles.neutral,
|
|
11
15
|
};
|
|
12
16
|
const sizeMap = {
|
|
13
17
|
sm: styles.sm,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAiB3C,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAE/F,MAAM,UAAU,GAAoC;IAClD,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM;
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAiB3C,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAE/F,MAAM,UAAU,GAAoC;IAClD,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,SAAS,EAAE,MAAM,CAAC,SAAS;IAC3B,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,OAAO,EAAE,MAAM,CAAC,OAAO;IACvB,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAC;AAEF,MAAM,OAAO,GAAiC;IAC5C,EAAE,EAAE,MAAM,CAAC,EAAE;IACb,EAAE,EAAE,MAAM,CAAC,EAAE;IACb,EAAE,EAAE,MAAM,CAAC,EAAE;CACd,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,GAAG,EACT,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,KAAK,EACrB,SAAS,GACH;IACN,MAAM,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACpC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;IAC5C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC;IAEzD,MAAM,cAAc,GAAG;QACrB,MAAM,CAAC,QAAQ;QACf,UAAU,CAAC,OAAO,CAAC;QACnB,OAAO,CAAC,IAAI,CAAC;QACb,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI;QAC3C,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,SAAS,EAAE,cAAc,aAC3B,KAAK,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC3D,cACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,IAAI,EAAC,aAAa,mBACH,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,mBAC7B,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,mBACnC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,eAC1C,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAE7C,cAAK,SAAS,EAAE,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,GAAI,GACvF,EACL,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,OAAO,GAAG,GAAO,CAAC,CAAC,CAAC,IAAI,IACzF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
width: 100%;
|
|
14
14
|
background: var(--surface-control);
|
|
15
15
|
border: 1px solid rgba(30, 99, 233, 0.2);
|
|
16
|
-
border-radius:
|
|
16
|
+
border-radius: var(--progress-border-radius, var(--radius-pill));
|
|
17
17
|
overflow: hidden;
|
|
18
18
|
position: relative;
|
|
19
19
|
}
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
.bar {
|
|
22
22
|
height: 100%;
|
|
23
23
|
width: 0;
|
|
24
|
-
background:
|
|
24
|
+
background: var(--progress-bg, var(--variant-primary-bg));
|
|
25
25
|
transition: width 0.2s ease;
|
|
26
26
|
}
|
|
27
27
|
|
|
@@ -44,27 +44,43 @@
|
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
.default .bar {
|
|
47
|
-
|
|
47
|
+
--progress-bg: var(--variant-default-accent);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.primary .bar {
|
|
51
|
-
|
|
51
|
+
--progress-bg: var(--variant-primary-bg);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.secondary .bar {
|
|
55
|
+
--progress-bg: var(--variant-secondary-bg);
|
|
52
56
|
}
|
|
53
57
|
|
|
54
58
|
.info .bar {
|
|
55
|
-
|
|
59
|
+
--progress-bg: var(--variant-info-bg);
|
|
56
60
|
}
|
|
57
61
|
|
|
58
62
|
.success .bar {
|
|
59
|
-
|
|
63
|
+
--progress-bg: var(--variant-success-bg);
|
|
60
64
|
}
|
|
61
65
|
|
|
62
66
|
.warning .bar {
|
|
63
|
-
|
|
67
|
+
--progress-bg: var(--variant-warning-bg);
|
|
64
68
|
}
|
|
65
69
|
|
|
66
70
|
.danger .bar {
|
|
67
|
-
|
|
71
|
+
--progress-bg: var(--variant-danger-bg);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.dark .bar {
|
|
75
|
+
--progress-bg: var(--variant-dark-bg);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.light .bar {
|
|
79
|
+
--progress-bg: var(--variant-light-bg);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.neutral .bar {
|
|
83
|
+
--progress-bg: var(--variant-neutral-bg);
|
|
68
84
|
}
|
|
69
85
|
|
|
70
86
|
.indeterminate .bar {
|
|
@@ -194,10 +194,14 @@ function TableBase({ columns, data, rowKey, emptyState = 'Нет данных',
|
|
|
194
194
|
const variantClassMap = {
|
|
195
195
|
default: styles.bulkActionDefault,
|
|
196
196
|
primary: styles.bulkActionPrimary,
|
|
197
|
+
secondary: styles.bulkActionSecondary,
|
|
197
198
|
info: styles.bulkActionInfo,
|
|
198
199
|
success: styles.bulkActionSuccess,
|
|
199
200
|
warning: styles.bulkActionWarning,
|
|
200
201
|
danger: styles.bulkActionDanger,
|
|
202
|
+
dark: styles.bulkActionDark,
|
|
203
|
+
light: styles.bulkActionLight,
|
|
204
|
+
neutral: styles.bulkActionNeutral,
|
|
201
205
|
};
|
|
202
206
|
return (_jsx("div", { className: styles.bulkActions, "data-position": position, children: _jsx("div", { className: [styles.bulkActionsRow, alignClass].filter(Boolean).join(' '), children: _jsx(Dropdown, { align: bulkActions.align === 'right' ? 'right' : 'left', trigger: _jsx(Button, { size: "sm", appearance: "outline", disabled: !hasSelected || isDisabled, children: label }), children: _jsxs(Dropdown.Nav, { className: styles.bulkActionsMenu, children: [bulkActions.actions.map((action) => (_jsx(Dropdown.Item, { disabled: !hasSelected || isDisabled || action.disabled, onClick: !hasSelected || isDisabled ? undefined : () => action.onClick(bulkActions.selectedIds), className: action.variant ? variantClassMap[action.variant] : undefined, icon: action.icon, children: action.label }, action.id))), bulkActions.onClear ? (_jsxs(_Fragment, { children: [_jsx(Dropdown.Separator, {}), _jsx(Dropdown.Item, { disabled: !hasSelected || isDisabled, onClick: !hasSelected || isDisabled ? undefined : bulkActions.onClear, children: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0432\u044B\u0431\u043E\u0440" })] })) : null] }) }) }) }));
|
|
203
207
|
};
|