microboard-ui-temp 0.9.2 → 0.9.4
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/{chunk-ra6rxe11.css → chunk-5d161m0h.css} +128 -36
- package/dist/{chunk-sdy0vgy6.js → chunk-tbbk28e0.js} +12 -11
- package/dist/example.html +2 -2
- package/dist/index.css +128 -36
- package/dist/index.html +2 -2
- package/dist/index.js +12 -11
- package/dist/spa.css +128 -36
- package/dist/spa.js +12 -11
- package/dist/sprite.svg +8 -8
- package/package.json +1 -1
|
@@ -204,6 +204,93 @@ input:-webkit-autofill:active {
|
|
|
204
204
|
-webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
|
|
205
205
|
}
|
|
206
206
|
|
|
207
|
+
button[data-variant="secondary"] {
|
|
208
|
+
background-color: var(--background-button-secondary);
|
|
209
|
+
color: var(--text-base-primary);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
@media (hover: hover) {
|
|
213
|
+
button[data-variant="secondary"]:hover:not(:disabled) {
|
|
214
|
+
background-color: var(--background-button-secondary-hover);
|
|
215
|
+
color: var(--text-base-primary);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
button[data-variant="secondary"]:active:not(:disabled) {
|
|
220
|
+
color: #924fe8;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
button[data-variant="secondary"]:disabled {
|
|
224
|
+
background-color: var(--background-button-secondary);
|
|
225
|
+
color: var(--text-disabled);
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
button[data-variant="tertiary"] {
|
|
229
|
+
background-color: var(--background-button-tertiary);
|
|
230
|
+
color: var(--text-base-primary);
|
|
231
|
+
border: 1px solid var(--border-action-normal);
|
|
232
|
+
}
|
|
233
|
+
|
|
234
|
+
@media (hover: hover) {
|
|
235
|
+
button[data-variant="tertiary"]:hover:not(:disabled) {
|
|
236
|
+
background-color: var(--background-button-tertiary-hover);
|
|
237
|
+
}
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
button[data-variant="primary"] {
|
|
241
|
+
background-color: var(--background-button-primary);
|
|
242
|
+
border-color: var(--background-button-primary);
|
|
243
|
+
color: var(--color-button-primary);
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
@media (hover: hover) {
|
|
247
|
+
button[data-variant="primary"]:hover:not(:disabled) {
|
|
248
|
+
background-color: var(--background-button-primary-hover);
|
|
249
|
+
color: var(--color-button-primary);
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
|
|
253
|
+
button[data-variant="ghost"] {
|
|
254
|
+
color: var(--text-base-secondary);
|
|
255
|
+
background-color: #0000;
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
@media (hover: hover) {
|
|
259
|
+
button[data-variant="ghost"]:hover:not(:disabled) {
|
|
260
|
+
background-color: var(--background-hover-subtle);
|
|
261
|
+
color: var(--text-base-secondary);
|
|
262
|
+
}
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
button[data-variant="ghostFilled"] {
|
|
266
|
+
background-color: var(--background-hover-subtle);
|
|
267
|
+
color: var(--text-base-secondary);
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
button[data-variant="quaternary"] {
|
|
271
|
+
background-color: var(--background-hover-subtle);
|
|
272
|
+
color: var(--text-base-primary);
|
|
273
|
+
}
|
|
274
|
+
|
|
275
|
+
@media (hover: hover) {
|
|
276
|
+
button[data-variant="quaternary"]:hover:not(:disabled) {
|
|
277
|
+
background-color: var(--background-hover-subtle-strong);
|
|
278
|
+
color: var(--text-base-primary);
|
|
279
|
+
}
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
button[data-variant="black"] {
|
|
283
|
+
background-color: var(--background-button-primary);
|
|
284
|
+
color: var(--color-button-primary);
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
@media (hover: hover) {
|
|
288
|
+
button[data-variant="black"]:hover:not(:disabled) {
|
|
289
|
+
background-color: var(--background-button-primary-hover);
|
|
290
|
+
color: var(--color-button-primary);
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
|
|
207
294
|
/* src/shared/ui-lib/Icon/Icon.module.css */
|
|
208
295
|
.icon_zNwsNQ {
|
|
209
296
|
max-width: 24px;
|
|
@@ -448,41 +535,6 @@ input:-webkit-autofill:active {
|
|
|
448
535
|
--focus-outline-color: #e3d9ff;
|
|
449
536
|
}
|
|
450
537
|
|
|
451
|
-
.secondary_XNHIwg {
|
|
452
|
-
--background-color: var(--background-button-secondary);
|
|
453
|
-
--background-hover-color: var(--background-button-secondary-hover);
|
|
454
|
-
--background-active-color: var(--background-button-secondary-hover);
|
|
455
|
-
--background-disabled-color: var(--background-button-secondary);
|
|
456
|
-
--content-color: var(--text-base-primary);
|
|
457
|
-
--content-hover-color: var(--text-base-primary);
|
|
458
|
-
--content-active-color: #924fe8;
|
|
459
|
-
--content-disabled-color: var(--text-disabled);
|
|
460
|
-
--focus-outline-color: #e3d9ff;
|
|
461
|
-
}
|
|
462
|
-
|
|
463
|
-
.tertiary_XNHIwg {
|
|
464
|
-
--background-color: var(--background-button-tertiary);
|
|
465
|
-
--background-hover-color: var(--background-button-tertiary-hover);
|
|
466
|
-
--background-active-color: var(--background-button-tertiary-hover);
|
|
467
|
-
--content-color: var(--text-base-primary);
|
|
468
|
-
--content-hover-color: var(--text-base-primary);
|
|
469
|
-
--content-active-color: var(--text-base-primary);
|
|
470
|
-
--content-disabled-color: var(--text-base-quaternary);
|
|
471
|
-
--focus-outline-color: #e3d9ff;
|
|
472
|
-
}
|
|
473
|
-
|
|
474
|
-
.black_XNHIwg {
|
|
475
|
-
--background-color: var(--background-button-primary);
|
|
476
|
-
--background-hover-color: var(--background-button-primary-hover);
|
|
477
|
-
--background-active-color: var(--background-button-primary-hover);
|
|
478
|
-
--background-disabled-color: var(--border-action-normal);
|
|
479
|
-
--content-color: var(--color-button-primary);
|
|
480
|
-
--content-hover-color: var(--color-button-primary);
|
|
481
|
-
--content-active-color: var(--color-button-primary);
|
|
482
|
-
--content-disabled-color: var(--text-base-quaternary);
|
|
483
|
-
--focus-outline-color: #e3d9ff;
|
|
484
|
-
}
|
|
485
|
-
|
|
486
538
|
.radiusXl_XNHIwg {
|
|
487
539
|
--radius: 12px;
|
|
488
540
|
}
|
|
@@ -600,6 +652,28 @@ input:-webkit-autofill:active {
|
|
|
600
652
|
padding: 0 4px;
|
|
601
653
|
}
|
|
602
654
|
|
|
655
|
+
.secondary_XNHIwg {
|
|
656
|
+
background-color: var(--background-button-secondary);
|
|
657
|
+
color: var(--text-base-primary);
|
|
658
|
+
}
|
|
659
|
+
|
|
660
|
+
@media (hover: hover) {
|
|
661
|
+
.secondary_XNHIwg:hover:not(:disabled) {
|
|
662
|
+
background-color: var(--background-button-secondary-hover);
|
|
663
|
+
color: var(--text-base-primary);
|
|
664
|
+
}
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
.secondary_XNHIwg:active:not(:disabled) {
|
|
668
|
+
color: #924fe8;
|
|
669
|
+
outline: 2px solid #c8b2ff80;
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
.secondary_XNHIwg:disabled {
|
|
673
|
+
background-color: var(--background-button-secondary);
|
|
674
|
+
color: var(--text-disabled);
|
|
675
|
+
}
|
|
676
|
+
|
|
603
677
|
.primary_XNHIwg {
|
|
604
678
|
border: 1px solid var(--background-button-primary);
|
|
605
679
|
background-color: var(--background-button-primary);
|
|
@@ -628,6 +702,23 @@ input:-webkit-autofill:active {
|
|
|
628
702
|
color: var(--color-button-primary);
|
|
629
703
|
}
|
|
630
704
|
|
|
705
|
+
.black_XNHIwg {
|
|
706
|
+
background-color: var(--background-button-primary);
|
|
707
|
+
color: var(--color-button-primary);
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
@media (hover: hover) {
|
|
711
|
+
.black_XNHIwg:hover:not(:disabled) {
|
|
712
|
+
background-color: var(--background-button-primary-hover);
|
|
713
|
+
color: var(--color-button-primary);
|
|
714
|
+
}
|
|
715
|
+
}
|
|
716
|
+
|
|
717
|
+
.black_XNHIwg:disabled {
|
|
718
|
+
background-color: var(--border-action-normal);
|
|
719
|
+
color: var(--text-base-quaternary);
|
|
720
|
+
}
|
|
721
|
+
|
|
631
722
|
.quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
|
|
632
723
|
color: var(--text-base-primary);
|
|
633
724
|
background-color: var(--background-hover-subtle);
|
|
@@ -2031,7 +2122,7 @@ body {
|
|
|
2031
2122
|
}
|
|
2032
2123
|
|
|
2033
2124
|
.shareButton_jFMnzg {
|
|
2034
|
-
color:
|
|
2125
|
+
color: var(--color-button-primary);
|
|
2035
2126
|
border-radius: 10px;
|
|
2036
2127
|
width: auto;
|
|
2037
2128
|
height: 32px;
|
|
@@ -7592,6 +7683,7 @@ td.currentTariff_0VfwRg {
|
|
|
7592
7683
|
display: flex;
|
|
7593
7684
|
cursor: pointer;
|
|
7594
7685
|
border: 1px solid var(--border-action-normal);
|
|
7686
|
+
color: var(--text-base-primary);
|
|
7595
7687
|
background: none;
|
|
7596
7688
|
border-radius: 10px;
|
|
7597
7689
|
flex: 1 0;
|
|
@@ -340871,9 +340871,6 @@ var import_react30 = __toESM(require_react(), 1);
|
|
|
340871
340871
|
// src/shared/ui-lib/UiButton/UiButton.module.css
|
|
340872
340872
|
var UiButton_module_default = {
|
|
340873
340873
|
default: "default_XNHIwg",
|
|
340874
|
-
secondary: "secondary_XNHIwg",
|
|
340875
|
-
tertiary: "tertiary_XNHIwg",
|
|
340876
|
-
black: "black_XNHIwg",
|
|
340877
340874
|
radiusXl: "radiusXl_XNHIwg",
|
|
340878
340875
|
radiusMd: "radiusMd_XNHIwg",
|
|
340879
340876
|
radiusSm: "radiusSm_XNHIwg",
|
|
@@ -340890,9 +340887,12 @@ var UiButton_module_default = {
|
|
|
340890
340887
|
active: "active_XNHIwg",
|
|
340891
340888
|
disableBg: "disableBg_XNHIwg",
|
|
340892
340889
|
hotkey: "hotkey_XNHIwg",
|
|
340890
|
+
secondary: "secondary_XNHIwg",
|
|
340893
340891
|
primary: "primary_XNHIwg",
|
|
340894
340892
|
loading: "loading_XNHIwg",
|
|
340893
|
+
black: "black_XNHIwg",
|
|
340895
340894
|
quaternary: "quaternary_XNHIwg",
|
|
340895
|
+
tertiary: "tertiary_XNHIwg",
|
|
340896
340896
|
ghost: "ghost_XNHIwg",
|
|
340897
340897
|
ghostFilled: "ghostFilled_XNHIwg",
|
|
340898
340898
|
loader: "loader_XNHIwg"
|
|
@@ -341014,6 +341014,7 @@ var UiButton = import_react30.forwardRef(({
|
|
|
341014
341014
|
}, ref) => {
|
|
341015
341015
|
return /* @__PURE__ */ import_react30.default.createElement("button", {
|
|
341016
341016
|
id: id2,
|
|
341017
|
+
"data-variant": variant,
|
|
341017
341018
|
className: clsx_default(UiButton_module_default.button, active && UiButton_module_default.active, UiButton_module_default[variant], UiButton_module_default[size2], {
|
|
341018
341019
|
[UiButton_module_default.topRounded]: rounded === "top",
|
|
341019
341020
|
[UiButton_module_default.bottomRounded]: rounded === "bottom",
|
|
@@ -447070,44 +447071,44 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
|
|
|
447070
447071
|
<symbol id="FrameCustom" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447071
447072
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447072
447073
|
d="M19 5C19 4.44772 19.4477 4 20 4H22C22.5523 4 23 4.44772 23 5V7C23 7.55228 22.5523 8 22 8V16C22.5523 16 23 16.4477 23 17V19C23 19.5523 22.5523 20 22 20H20C19.4477 20 19 19.5523 19 19H5C5 19.5523 4.55228 20 4 20H2C1.44772 20 1 19.5523 1 19V17C1 16.4477 1.44772 16 2 16V8C1.44772 8 1 7.55228 1 7V5C1 4.44772 1.44772 4 2 4H4C4.55228 4 5 4.44772 5 5H19ZM4 8C4.55228 8 5 7.55228 5 7H19C19 7.55228 19.4477 8 20 8V16C19.4477 16 19 16.4477 19 17H5C5 16.4477 4.55228 16 4 16V8Z"
|
|
447073
|
-
fill="
|
|
447074
|
+
fill="currentColor" />
|
|
447074
447075
|
</symbol>
|
|
447075
447076
|
<symbol id="FrameA4" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
447076
447077
|
xmlns="http://www.w3.org/2000/svg">
|
|
447077
447078
|
<path
|
|
447078
447079
|
d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
|
|
447079
|
-
fill="
|
|
447080
|
+
fill="currentColor" />
|
|
447080
447081
|
</symbol>
|
|
447081
447082
|
|
|
447082
447083
|
<symbol id="FrameLetter" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447083
447084
|
<path
|
|
447084
447085
|
d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
|
|
447085
|
-
fill="
|
|
447086
|
+
fill="currentColor" />
|
|
447086
447087
|
</symbol>
|
|
447087
447088
|
<symbol id="FrameFrame16x9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447088
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="
|
|
447089
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="currentColor" />
|
|
447089
447090
|
</symbol>
|
|
447090
447091
|
<symbol id="FrameFrame4x3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447091
447092
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447092
447093
|
d="M5 6V18H19V6H5ZM4 4C3.44772 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44772 20.5523 4 20 4H4Z"
|
|
447093
|
-
fill="
|
|
447094
|
+
fill="currentColor" />
|
|
447094
447095
|
</symbol>
|
|
447095
447096
|
<symbol id="FrameFrame1x1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447096
447097
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447097
447098
|
d="M6 6V18H18V6H6ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5Z"
|
|
447098
|
-
fill="
|
|
447099
|
+
fill="currentColor" />
|
|
447099
447100
|
</symbol>
|
|
447100
447101
|
|
|
447101
447102
|
<symbol id="FrameFrame9x18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447102
447103
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447103
447104
|
d="M8 3L8 21H16V3H8ZM6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22V2C18 1.44772 17.5523 1 17 1H7C6.44772 1 6 1.44772 6 2L6 22Z"
|
|
447104
|
-
fill="
|
|
447105
|
+
fill="currentColor" />
|
|
447105
447106
|
</symbol>
|
|
447106
447107
|
|
|
447107
447108
|
<symbol id="FrameFrame3x2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447108
447109
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447109
447110
|
d="M5.74592 6.24191V17.7576H18.2516V6.24191H5.74592ZM4.71678 4.25C4.18284 4.25 3.75 4.68197 3.75 5.21483V18.7852C3.75 19.318 4.18284 19.75 4.71678 19.75H19.2832C19.8172 19.75 20.25 19.318 20.25 18.7852V5.21483C20.25 4.68197 19.8172 4.25 19.2832 4.25H4.71678Z"
|
|
447110
|
-
fill="
|
|
447111
|
+
fill="currentColor" />
|
|
447111
447112
|
</symbol>
|
|
447112
447113
|
|
|
447113
447114
|
|
package/dist/example.html
CHANGED
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
rel="stylesheet"
|
|
32
32
|
/>
|
|
33
33
|
|
|
34
|
-
<link rel="stylesheet" crossorigin href="/chunk-
|
|
35
|
-
<script type="module" crossorigin src="/chunk-
|
|
34
|
+
<link rel="stylesheet" crossorigin href="/chunk-5d161m0h.css"><script src="/env.js"></script>
|
|
35
|
+
<script type="module" crossorigin src="/chunk-tbbk28e0.js"></script></head>
|
|
36
36
|
|
|
37
37
|
<body
|
|
38
38
|
style="
|
package/dist/index.css
CHANGED
|
@@ -245,41 +245,6 @@
|
|
|
245
245
|
--focus-outline-color: #e3d9ff;
|
|
246
246
|
}
|
|
247
247
|
|
|
248
|
-
.secondary_XNHIwg {
|
|
249
|
-
--background-color: var(--background-button-secondary);
|
|
250
|
-
--background-hover-color: var(--background-button-secondary-hover);
|
|
251
|
-
--background-active-color: var(--background-button-secondary-hover);
|
|
252
|
-
--background-disabled-color: var(--background-button-secondary);
|
|
253
|
-
--content-color: var(--text-base-primary);
|
|
254
|
-
--content-hover-color: var(--text-base-primary);
|
|
255
|
-
--content-active-color: #924fe8;
|
|
256
|
-
--content-disabled-color: var(--text-disabled);
|
|
257
|
-
--focus-outline-color: #e3d9ff;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.tertiary_XNHIwg {
|
|
261
|
-
--background-color: var(--background-button-tertiary);
|
|
262
|
-
--background-hover-color: var(--background-button-tertiary-hover);
|
|
263
|
-
--background-active-color: var(--background-button-tertiary-hover);
|
|
264
|
-
--content-color: var(--text-base-primary);
|
|
265
|
-
--content-hover-color: var(--text-base-primary);
|
|
266
|
-
--content-active-color: var(--text-base-primary);
|
|
267
|
-
--content-disabled-color: var(--text-base-quaternary);
|
|
268
|
-
--focus-outline-color: #e3d9ff;
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
.black_XNHIwg {
|
|
272
|
-
--background-color: var(--background-button-primary);
|
|
273
|
-
--background-hover-color: var(--background-button-primary-hover);
|
|
274
|
-
--background-active-color: var(--background-button-primary-hover);
|
|
275
|
-
--background-disabled-color: var(--border-action-normal);
|
|
276
|
-
--content-color: var(--color-button-primary);
|
|
277
|
-
--content-hover-color: var(--color-button-primary);
|
|
278
|
-
--content-active-color: var(--color-button-primary);
|
|
279
|
-
--content-disabled-color: var(--text-base-quaternary);
|
|
280
|
-
--focus-outline-color: #e3d9ff;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
248
|
.radiusXl_XNHIwg {
|
|
284
249
|
--radius: 12px;
|
|
285
250
|
}
|
|
@@ -397,6 +362,28 @@
|
|
|
397
362
|
padding: 0 4px;
|
|
398
363
|
}
|
|
399
364
|
|
|
365
|
+
.secondary_XNHIwg {
|
|
366
|
+
background-color: var(--background-button-secondary);
|
|
367
|
+
color: var(--text-base-primary);
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
@media (hover: hover) {
|
|
371
|
+
.secondary_XNHIwg:hover:not(:disabled) {
|
|
372
|
+
background-color: var(--background-button-secondary-hover);
|
|
373
|
+
color: var(--text-base-primary);
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.secondary_XNHIwg:active:not(:disabled) {
|
|
378
|
+
color: #924fe8;
|
|
379
|
+
outline: 2px solid #c8b2ff80;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.secondary_XNHIwg:disabled {
|
|
383
|
+
background-color: var(--background-button-secondary);
|
|
384
|
+
color: var(--text-disabled);
|
|
385
|
+
}
|
|
386
|
+
|
|
400
387
|
.primary_XNHIwg {
|
|
401
388
|
border: 1px solid var(--background-button-primary);
|
|
402
389
|
background-color: var(--background-button-primary);
|
|
@@ -425,6 +412,23 @@
|
|
|
425
412
|
color: var(--color-button-primary);
|
|
426
413
|
}
|
|
427
414
|
|
|
415
|
+
.black_XNHIwg {
|
|
416
|
+
background-color: var(--background-button-primary);
|
|
417
|
+
color: var(--color-button-primary);
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
@media (hover: hover) {
|
|
421
|
+
.black_XNHIwg:hover:not(:disabled) {
|
|
422
|
+
background-color: var(--background-button-primary-hover);
|
|
423
|
+
color: var(--color-button-primary);
|
|
424
|
+
}
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
.black_XNHIwg:disabled {
|
|
428
|
+
background-color: var(--border-action-normal);
|
|
429
|
+
color: var(--text-base-quaternary);
|
|
430
|
+
}
|
|
431
|
+
|
|
428
432
|
.quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
|
|
429
433
|
color: var(--text-base-primary);
|
|
430
434
|
background-color: var(--background-hover-subtle);
|
|
@@ -1828,7 +1832,7 @@ body {
|
|
|
1828
1832
|
}
|
|
1829
1833
|
|
|
1830
1834
|
.shareButton_jFMnzg {
|
|
1831
|
-
color:
|
|
1835
|
+
color: var(--color-button-primary);
|
|
1832
1836
|
border-radius: 10px;
|
|
1833
1837
|
width: auto;
|
|
1834
1838
|
height: 32px;
|
|
@@ -7389,6 +7393,7 @@ td.currentTariff_0VfwRg {
|
|
|
7389
7393
|
display: flex;
|
|
7390
7394
|
cursor: pointer;
|
|
7391
7395
|
border: 1px solid var(--border-action-normal);
|
|
7396
|
+
color: var(--text-base-primary);
|
|
7392
7397
|
background: none;
|
|
7393
7398
|
border-radius: 10px;
|
|
7394
7399
|
flex: 1 0;
|
|
@@ -14638,3 +14643,90 @@ input:-webkit-autofill:active {
|
|
|
14638
14643
|
-webkit-text-fill-color: #e8e9f0 !important;
|
|
14639
14644
|
-webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
|
|
14640
14645
|
}
|
|
14646
|
+
|
|
14647
|
+
button[data-variant="secondary"] {
|
|
14648
|
+
background-color: var(--background-button-secondary);
|
|
14649
|
+
color: var(--text-base-primary);
|
|
14650
|
+
}
|
|
14651
|
+
|
|
14652
|
+
@media (hover: hover) {
|
|
14653
|
+
button[data-variant="secondary"]:hover:not(:disabled) {
|
|
14654
|
+
background-color: var(--background-button-secondary-hover);
|
|
14655
|
+
color: var(--text-base-primary);
|
|
14656
|
+
}
|
|
14657
|
+
}
|
|
14658
|
+
|
|
14659
|
+
button[data-variant="secondary"]:active:not(:disabled) {
|
|
14660
|
+
color: #924fe8;
|
|
14661
|
+
}
|
|
14662
|
+
|
|
14663
|
+
button[data-variant="secondary"]:disabled {
|
|
14664
|
+
background-color: var(--background-button-secondary);
|
|
14665
|
+
color: var(--text-disabled);
|
|
14666
|
+
}
|
|
14667
|
+
|
|
14668
|
+
button[data-variant="tertiary"] {
|
|
14669
|
+
background-color: var(--background-button-tertiary);
|
|
14670
|
+
color: var(--text-base-primary);
|
|
14671
|
+
border: 1px solid var(--border-action-normal);
|
|
14672
|
+
}
|
|
14673
|
+
|
|
14674
|
+
@media (hover: hover) {
|
|
14675
|
+
button[data-variant="tertiary"]:hover:not(:disabled) {
|
|
14676
|
+
background-color: var(--background-button-tertiary-hover);
|
|
14677
|
+
}
|
|
14678
|
+
}
|
|
14679
|
+
|
|
14680
|
+
button[data-variant="primary"] {
|
|
14681
|
+
background-color: var(--background-button-primary);
|
|
14682
|
+
border-color: var(--background-button-primary);
|
|
14683
|
+
color: var(--color-button-primary);
|
|
14684
|
+
}
|
|
14685
|
+
|
|
14686
|
+
@media (hover: hover) {
|
|
14687
|
+
button[data-variant="primary"]:hover:not(:disabled) {
|
|
14688
|
+
background-color: var(--background-button-primary-hover);
|
|
14689
|
+
color: var(--color-button-primary);
|
|
14690
|
+
}
|
|
14691
|
+
}
|
|
14692
|
+
|
|
14693
|
+
button[data-variant="ghost"] {
|
|
14694
|
+
color: var(--text-base-secondary);
|
|
14695
|
+
background-color: #0000;
|
|
14696
|
+
}
|
|
14697
|
+
|
|
14698
|
+
@media (hover: hover) {
|
|
14699
|
+
button[data-variant="ghost"]:hover:not(:disabled) {
|
|
14700
|
+
background-color: var(--background-hover-subtle);
|
|
14701
|
+
color: var(--text-base-secondary);
|
|
14702
|
+
}
|
|
14703
|
+
}
|
|
14704
|
+
|
|
14705
|
+
button[data-variant="ghostFilled"] {
|
|
14706
|
+
background-color: var(--background-hover-subtle);
|
|
14707
|
+
color: var(--text-base-secondary);
|
|
14708
|
+
}
|
|
14709
|
+
|
|
14710
|
+
button[data-variant="quaternary"] {
|
|
14711
|
+
background-color: var(--background-hover-subtle);
|
|
14712
|
+
color: var(--text-base-primary);
|
|
14713
|
+
}
|
|
14714
|
+
|
|
14715
|
+
@media (hover: hover) {
|
|
14716
|
+
button[data-variant="quaternary"]:hover:not(:disabled) {
|
|
14717
|
+
background-color: var(--background-hover-subtle-strong);
|
|
14718
|
+
color: var(--text-base-primary);
|
|
14719
|
+
}
|
|
14720
|
+
}
|
|
14721
|
+
|
|
14722
|
+
button[data-variant="black"] {
|
|
14723
|
+
background-color: var(--background-button-primary);
|
|
14724
|
+
color: var(--color-button-primary);
|
|
14725
|
+
}
|
|
14726
|
+
|
|
14727
|
+
@media (hover: hover) {
|
|
14728
|
+
button[data-variant="black"]:hover:not(:disabled) {
|
|
14729
|
+
background-color: var(--background-button-primary-hover);
|
|
14730
|
+
color: var(--color-button-primary);
|
|
14731
|
+
}
|
|
14732
|
+
}
|
package/dist/index.html
CHANGED
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
rel="stylesheet"
|
|
32
32
|
/>
|
|
33
33
|
|
|
34
|
-
<link rel="stylesheet" crossorigin href="/chunk-
|
|
35
|
-
<script type="module" crossorigin src="/chunk-
|
|
34
|
+
<link rel="stylesheet" crossorigin href="/chunk-5d161m0h.css"><script src="/env.js"></script>
|
|
35
|
+
<script type="module" crossorigin src="/chunk-tbbk28e0.js"></script></head>
|
|
36
36
|
|
|
37
37
|
<body
|
|
38
38
|
style="
|
package/dist/index.js
CHANGED
|
@@ -340871,9 +340871,6 @@ var import_react30 = __toESM(require_react(), 1);
|
|
|
340871
340871
|
// src/shared/ui-lib/UiButton/UiButton.module.css
|
|
340872
340872
|
var UiButton_module_default = {
|
|
340873
340873
|
default: "default_XNHIwg",
|
|
340874
|
-
secondary: "secondary_XNHIwg",
|
|
340875
|
-
tertiary: "tertiary_XNHIwg",
|
|
340876
|
-
black: "black_XNHIwg",
|
|
340877
340874
|
radiusXl: "radiusXl_XNHIwg",
|
|
340878
340875
|
radiusMd: "radiusMd_XNHIwg",
|
|
340879
340876
|
radiusSm: "radiusSm_XNHIwg",
|
|
@@ -340890,9 +340887,12 @@ var UiButton_module_default = {
|
|
|
340890
340887
|
active: "active_XNHIwg",
|
|
340891
340888
|
disableBg: "disableBg_XNHIwg",
|
|
340892
340889
|
hotkey: "hotkey_XNHIwg",
|
|
340890
|
+
secondary: "secondary_XNHIwg",
|
|
340893
340891
|
primary: "primary_XNHIwg",
|
|
340894
340892
|
loading: "loading_XNHIwg",
|
|
340893
|
+
black: "black_XNHIwg",
|
|
340895
340894
|
quaternary: "quaternary_XNHIwg",
|
|
340895
|
+
tertiary: "tertiary_XNHIwg",
|
|
340896
340896
|
ghost: "ghost_XNHIwg",
|
|
340897
340897
|
ghostFilled: "ghostFilled_XNHIwg",
|
|
340898
340898
|
loader: "loader_XNHIwg"
|
|
@@ -341014,6 +341014,7 @@ var UiButton = import_react30.forwardRef(({
|
|
|
341014
341014
|
}, ref) => {
|
|
341015
341015
|
return /* @__PURE__ */ import_react30.default.createElement("button", {
|
|
341016
341016
|
id: id2,
|
|
341017
|
+
"data-variant": variant,
|
|
341017
341018
|
className: clsx_default(UiButton_module_default.button, active && UiButton_module_default.active, UiButton_module_default[variant], UiButton_module_default[size2], {
|
|
341018
341019
|
[UiButton_module_default.topRounded]: rounded === "top",
|
|
341019
341020
|
[UiButton_module_default.bottomRounded]: rounded === "bottom",
|
|
@@ -447070,44 +447071,44 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
|
|
|
447070
447071
|
<symbol id="FrameCustom" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447071
447072
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447072
447073
|
d="M19 5C19 4.44772 19.4477 4 20 4H22C22.5523 4 23 4.44772 23 5V7C23 7.55228 22.5523 8 22 8V16C22.5523 16 23 16.4477 23 17V19C23 19.5523 22.5523 20 22 20H20C19.4477 20 19 19.5523 19 19H5C5 19.5523 4.55228 20 4 20H2C1.44772 20 1 19.5523 1 19V17C1 16.4477 1.44772 16 2 16V8C1.44772 8 1 7.55228 1 7V5C1 4.44772 1.44772 4 2 4H4C4.55228 4 5 4.44772 5 5H19ZM4 8C4.55228 8 5 7.55228 5 7H19C19 7.55228 19.4477 8 20 8V16C19.4477 16 19 16.4477 19 17H5C5 16.4477 4.55228 16 4 16V8Z"
|
|
447073
|
-
fill="
|
|
447074
|
+
fill="currentColor" />
|
|
447074
447075
|
</symbol>
|
|
447075
447076
|
<symbol id="FrameA4" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
447076
447077
|
xmlns="http://www.w3.org/2000/svg">
|
|
447077
447078
|
<path
|
|
447078
447079
|
d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
|
|
447079
|
-
fill="
|
|
447080
|
+
fill="currentColor" />
|
|
447080
447081
|
</symbol>
|
|
447081
447082
|
|
|
447082
447083
|
<symbol id="FrameLetter" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447083
447084
|
<path
|
|
447084
447085
|
d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
|
|
447085
|
-
fill="
|
|
447086
|
+
fill="currentColor" />
|
|
447086
447087
|
</symbol>
|
|
447087
447088
|
<symbol id="FrameFrame16x9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447088
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="
|
|
447089
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="currentColor" />
|
|
447089
447090
|
</symbol>
|
|
447090
447091
|
<symbol id="FrameFrame4x3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447091
447092
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447092
447093
|
d="M5 6V18H19V6H5ZM4 4C3.44772 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44772 20.5523 4 20 4H4Z"
|
|
447093
|
-
fill="
|
|
447094
|
+
fill="currentColor" />
|
|
447094
447095
|
</symbol>
|
|
447095
447096
|
<symbol id="FrameFrame1x1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447096
447097
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447097
447098
|
d="M6 6V18H18V6H6ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5Z"
|
|
447098
|
-
fill="
|
|
447099
|
+
fill="currentColor" />
|
|
447099
447100
|
</symbol>
|
|
447100
447101
|
|
|
447101
447102
|
<symbol id="FrameFrame9x18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447102
447103
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447103
447104
|
d="M8 3L8 21H16V3H8ZM6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22V2C18 1.44772 17.5523 1 17 1H7C6.44772 1 6 1.44772 6 2L6 22Z"
|
|
447104
|
-
fill="
|
|
447105
|
+
fill="currentColor" />
|
|
447105
447106
|
</symbol>
|
|
447106
447107
|
|
|
447107
447108
|
<symbol id="FrameFrame3x2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447108
447109
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447109
447110
|
d="M5.74592 6.24191V17.7576H18.2516V6.24191H5.74592ZM4.71678 4.25C4.18284 4.25 3.75 4.68197 3.75 5.21483V18.7852C3.75 19.318 4.18284 19.75 4.71678 19.75H19.2832C19.8172 19.75 20.25 19.318 20.25 18.7852V5.21483C20.25 4.68197 19.8172 4.25 19.2832 4.25H4.71678Z"
|
|
447110
|
-
fill="
|
|
447111
|
+
fill="currentColor" />
|
|
447111
447112
|
</symbol>
|
|
447112
447113
|
|
|
447113
447114
|
|
package/dist/spa.css
CHANGED
|
@@ -245,41 +245,6 @@
|
|
|
245
245
|
--focus-outline-color: #e3d9ff;
|
|
246
246
|
}
|
|
247
247
|
|
|
248
|
-
.secondary_XNHIwg {
|
|
249
|
-
--background-color: var(--background-button-secondary);
|
|
250
|
-
--background-hover-color: var(--background-button-secondary-hover);
|
|
251
|
-
--background-active-color: var(--background-button-secondary-hover);
|
|
252
|
-
--background-disabled-color: var(--background-button-secondary);
|
|
253
|
-
--content-color: var(--text-base-primary);
|
|
254
|
-
--content-hover-color: var(--text-base-primary);
|
|
255
|
-
--content-active-color: #924fe8;
|
|
256
|
-
--content-disabled-color: var(--text-disabled);
|
|
257
|
-
--focus-outline-color: #e3d9ff;
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
.tertiary_XNHIwg {
|
|
261
|
-
--background-color: var(--background-button-tertiary);
|
|
262
|
-
--background-hover-color: var(--background-button-tertiary-hover);
|
|
263
|
-
--background-active-color: var(--background-button-tertiary-hover);
|
|
264
|
-
--content-color: var(--text-base-primary);
|
|
265
|
-
--content-hover-color: var(--text-base-primary);
|
|
266
|
-
--content-active-color: var(--text-base-primary);
|
|
267
|
-
--content-disabled-color: var(--text-base-quaternary);
|
|
268
|
-
--focus-outline-color: #e3d9ff;
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
.black_XNHIwg {
|
|
272
|
-
--background-color: var(--background-button-primary);
|
|
273
|
-
--background-hover-color: var(--background-button-primary-hover);
|
|
274
|
-
--background-active-color: var(--background-button-primary-hover);
|
|
275
|
-
--background-disabled-color: var(--border-action-normal);
|
|
276
|
-
--content-color: var(--color-button-primary);
|
|
277
|
-
--content-hover-color: var(--color-button-primary);
|
|
278
|
-
--content-active-color: var(--color-button-primary);
|
|
279
|
-
--content-disabled-color: var(--text-base-quaternary);
|
|
280
|
-
--focus-outline-color: #e3d9ff;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
248
|
.radiusXl_XNHIwg {
|
|
284
249
|
--radius: 12px;
|
|
285
250
|
}
|
|
@@ -397,6 +362,28 @@
|
|
|
397
362
|
padding: 0 4px;
|
|
398
363
|
}
|
|
399
364
|
|
|
365
|
+
.secondary_XNHIwg {
|
|
366
|
+
background-color: var(--background-button-secondary);
|
|
367
|
+
color: var(--text-base-primary);
|
|
368
|
+
}
|
|
369
|
+
|
|
370
|
+
@media (hover: hover) {
|
|
371
|
+
.secondary_XNHIwg:hover:not(:disabled) {
|
|
372
|
+
background-color: var(--background-button-secondary-hover);
|
|
373
|
+
color: var(--text-base-primary);
|
|
374
|
+
}
|
|
375
|
+
}
|
|
376
|
+
|
|
377
|
+
.secondary_XNHIwg:active:not(:disabled) {
|
|
378
|
+
color: #924fe8;
|
|
379
|
+
outline: 2px solid #c8b2ff80;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.secondary_XNHIwg:disabled {
|
|
383
|
+
background-color: var(--background-button-secondary);
|
|
384
|
+
color: var(--text-disabled);
|
|
385
|
+
}
|
|
386
|
+
|
|
400
387
|
.primary_XNHIwg {
|
|
401
388
|
border: 1px solid var(--background-button-primary);
|
|
402
389
|
background-color: var(--background-button-primary);
|
|
@@ -425,6 +412,23 @@
|
|
|
425
412
|
color: var(--color-button-primary);
|
|
426
413
|
}
|
|
427
414
|
|
|
415
|
+
.black_XNHIwg {
|
|
416
|
+
background-color: var(--background-button-primary);
|
|
417
|
+
color: var(--color-button-primary);
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
@media (hover: hover) {
|
|
421
|
+
.black_XNHIwg:hover:not(:disabled) {
|
|
422
|
+
background-color: var(--background-button-primary-hover);
|
|
423
|
+
color: var(--color-button-primary);
|
|
424
|
+
}
|
|
425
|
+
}
|
|
426
|
+
|
|
427
|
+
.black_XNHIwg:disabled {
|
|
428
|
+
background-color: var(--border-action-normal);
|
|
429
|
+
color: var(--text-base-quaternary);
|
|
430
|
+
}
|
|
431
|
+
|
|
428
432
|
.quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
|
|
429
433
|
color: var(--text-base-primary);
|
|
430
434
|
background-color: var(--background-hover-subtle);
|
|
@@ -1828,7 +1832,7 @@ body {
|
|
|
1828
1832
|
}
|
|
1829
1833
|
|
|
1830
1834
|
.shareButton_jFMnzg {
|
|
1831
|
-
color:
|
|
1835
|
+
color: var(--color-button-primary);
|
|
1832
1836
|
border-radius: 10px;
|
|
1833
1837
|
width: auto;
|
|
1834
1838
|
height: 32px;
|
|
@@ -7389,6 +7393,7 @@ td.currentTariff_0VfwRg {
|
|
|
7389
7393
|
display: flex;
|
|
7390
7394
|
cursor: pointer;
|
|
7391
7395
|
border: 1px solid var(--border-action-normal);
|
|
7396
|
+
color: var(--text-base-primary);
|
|
7392
7397
|
background: none;
|
|
7393
7398
|
border-radius: 10px;
|
|
7394
7399
|
flex: 1 0;
|
|
@@ -14638,3 +14643,90 @@ input:-webkit-autofill:active {
|
|
|
14638
14643
|
-webkit-text-fill-color: #e8e9f0 !important;
|
|
14639
14644
|
-webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
|
|
14640
14645
|
}
|
|
14646
|
+
|
|
14647
|
+
button[data-variant="secondary"] {
|
|
14648
|
+
background-color: var(--background-button-secondary);
|
|
14649
|
+
color: var(--text-base-primary);
|
|
14650
|
+
}
|
|
14651
|
+
|
|
14652
|
+
@media (hover: hover) {
|
|
14653
|
+
button[data-variant="secondary"]:hover:not(:disabled) {
|
|
14654
|
+
background-color: var(--background-button-secondary-hover);
|
|
14655
|
+
color: var(--text-base-primary);
|
|
14656
|
+
}
|
|
14657
|
+
}
|
|
14658
|
+
|
|
14659
|
+
button[data-variant="secondary"]:active:not(:disabled) {
|
|
14660
|
+
color: #924fe8;
|
|
14661
|
+
}
|
|
14662
|
+
|
|
14663
|
+
button[data-variant="secondary"]:disabled {
|
|
14664
|
+
background-color: var(--background-button-secondary);
|
|
14665
|
+
color: var(--text-disabled);
|
|
14666
|
+
}
|
|
14667
|
+
|
|
14668
|
+
button[data-variant="tertiary"] {
|
|
14669
|
+
background-color: var(--background-button-tertiary);
|
|
14670
|
+
color: var(--text-base-primary);
|
|
14671
|
+
border: 1px solid var(--border-action-normal);
|
|
14672
|
+
}
|
|
14673
|
+
|
|
14674
|
+
@media (hover: hover) {
|
|
14675
|
+
button[data-variant="tertiary"]:hover:not(:disabled) {
|
|
14676
|
+
background-color: var(--background-button-tertiary-hover);
|
|
14677
|
+
}
|
|
14678
|
+
}
|
|
14679
|
+
|
|
14680
|
+
button[data-variant="primary"] {
|
|
14681
|
+
background-color: var(--background-button-primary);
|
|
14682
|
+
border-color: var(--background-button-primary);
|
|
14683
|
+
color: var(--color-button-primary);
|
|
14684
|
+
}
|
|
14685
|
+
|
|
14686
|
+
@media (hover: hover) {
|
|
14687
|
+
button[data-variant="primary"]:hover:not(:disabled) {
|
|
14688
|
+
background-color: var(--background-button-primary-hover);
|
|
14689
|
+
color: var(--color-button-primary);
|
|
14690
|
+
}
|
|
14691
|
+
}
|
|
14692
|
+
|
|
14693
|
+
button[data-variant="ghost"] {
|
|
14694
|
+
color: var(--text-base-secondary);
|
|
14695
|
+
background-color: #0000;
|
|
14696
|
+
}
|
|
14697
|
+
|
|
14698
|
+
@media (hover: hover) {
|
|
14699
|
+
button[data-variant="ghost"]:hover:not(:disabled) {
|
|
14700
|
+
background-color: var(--background-hover-subtle);
|
|
14701
|
+
color: var(--text-base-secondary);
|
|
14702
|
+
}
|
|
14703
|
+
}
|
|
14704
|
+
|
|
14705
|
+
button[data-variant="ghostFilled"] {
|
|
14706
|
+
background-color: var(--background-hover-subtle);
|
|
14707
|
+
color: var(--text-base-secondary);
|
|
14708
|
+
}
|
|
14709
|
+
|
|
14710
|
+
button[data-variant="quaternary"] {
|
|
14711
|
+
background-color: var(--background-hover-subtle);
|
|
14712
|
+
color: var(--text-base-primary);
|
|
14713
|
+
}
|
|
14714
|
+
|
|
14715
|
+
@media (hover: hover) {
|
|
14716
|
+
button[data-variant="quaternary"]:hover:not(:disabled) {
|
|
14717
|
+
background-color: var(--background-hover-subtle-strong);
|
|
14718
|
+
color: var(--text-base-primary);
|
|
14719
|
+
}
|
|
14720
|
+
}
|
|
14721
|
+
|
|
14722
|
+
button[data-variant="black"] {
|
|
14723
|
+
background-color: var(--background-button-primary);
|
|
14724
|
+
color: var(--color-button-primary);
|
|
14725
|
+
}
|
|
14726
|
+
|
|
14727
|
+
@media (hover: hover) {
|
|
14728
|
+
button[data-variant="black"]:hover:not(:disabled) {
|
|
14729
|
+
background-color: var(--background-button-primary-hover);
|
|
14730
|
+
color: var(--color-button-primary);
|
|
14731
|
+
}
|
|
14732
|
+
}
|
package/dist/spa.js
CHANGED
|
@@ -340871,9 +340871,6 @@ var import_react30 = __toESM(require_react(), 1);
|
|
|
340871
340871
|
// src/shared/ui-lib/UiButton/UiButton.module.css
|
|
340872
340872
|
var UiButton_module_default = {
|
|
340873
340873
|
default: "default_XNHIwg",
|
|
340874
|
-
secondary: "secondary_XNHIwg",
|
|
340875
|
-
tertiary: "tertiary_XNHIwg",
|
|
340876
|
-
black: "black_XNHIwg",
|
|
340877
340874
|
radiusXl: "radiusXl_XNHIwg",
|
|
340878
340875
|
radiusMd: "radiusMd_XNHIwg",
|
|
340879
340876
|
radiusSm: "radiusSm_XNHIwg",
|
|
@@ -340890,9 +340887,12 @@ var UiButton_module_default = {
|
|
|
340890
340887
|
active: "active_XNHIwg",
|
|
340891
340888
|
disableBg: "disableBg_XNHIwg",
|
|
340892
340889
|
hotkey: "hotkey_XNHIwg",
|
|
340890
|
+
secondary: "secondary_XNHIwg",
|
|
340893
340891
|
primary: "primary_XNHIwg",
|
|
340894
340892
|
loading: "loading_XNHIwg",
|
|
340893
|
+
black: "black_XNHIwg",
|
|
340895
340894
|
quaternary: "quaternary_XNHIwg",
|
|
340895
|
+
tertiary: "tertiary_XNHIwg",
|
|
340896
340896
|
ghost: "ghost_XNHIwg",
|
|
340897
340897
|
ghostFilled: "ghostFilled_XNHIwg",
|
|
340898
340898
|
loader: "loader_XNHIwg"
|
|
@@ -341014,6 +341014,7 @@ var UiButton = import_react30.forwardRef(({
|
|
|
341014
341014
|
}, ref) => {
|
|
341015
341015
|
return /* @__PURE__ */ import_react30.default.createElement("button", {
|
|
341016
341016
|
id: id2,
|
|
341017
|
+
"data-variant": variant,
|
|
341017
341018
|
className: clsx_default(UiButton_module_default.button, active && UiButton_module_default.active, UiButton_module_default[variant], UiButton_module_default[size2], {
|
|
341018
341019
|
[UiButton_module_default.topRounded]: rounded === "top",
|
|
341019
341020
|
[UiButton_module_default.bottomRounded]: rounded === "bottom",
|
|
@@ -447070,44 +447071,44 @@ var sprite_default = `<svg width="0" height="0" class="hidden">
|
|
|
447070
447071
|
<symbol id="FrameCustom" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447071
447072
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447072
447073
|
d="M19 5C19 4.44772 19.4477 4 20 4H22C22.5523 4 23 4.44772 23 5V7C23 7.55228 22.5523 8 22 8V16C22.5523 16 23 16.4477 23 17V19C23 19.5523 22.5523 20 22 20H20C19.4477 20 19 19.5523 19 19H5C5 19.5523 4.55228 20 4 20H2C1.44772 20 1 19.5523 1 19V17C1 16.4477 1.44772 16 2 16V8C1.44772 8 1 7.55228 1 7V5C1 4.44772 1.44772 4 2 4H4C4.55228 4 5 4.44772 5 5H19ZM4 8C4.55228 8 5 7.55228 5 7H19C19 7.55228 19.4477 8 20 8V16C19.4477 16 19 16.4477 19 17H5C5 16.4477 4.55228 16 4 16V8Z"
|
|
447073
|
-
fill="
|
|
447074
|
+
fill="currentColor" />
|
|
447074
447075
|
</symbol>
|
|
447075
447076
|
<symbol id="FrameA4" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
447076
447077
|
xmlns="http://www.w3.org/2000/svg">
|
|
447077
447078
|
<path
|
|
447078
447079
|
d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
|
|
447079
|
-
fill="
|
|
447080
|
+
fill="currentColor" />
|
|
447080
447081
|
</symbol>
|
|
447081
447082
|
|
|
447082
447083
|
<symbol id="FrameLetter" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447083
447084
|
<path
|
|
447084
447085
|
d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
|
|
447085
|
-
fill="
|
|
447086
|
+
fill="currentColor" />
|
|
447086
447087
|
</symbol>
|
|
447087
447088
|
<symbol id="FrameFrame16x9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447088
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="
|
|
447089
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="currentColor" />
|
|
447089
447090
|
</symbol>
|
|
447090
447091
|
<symbol id="FrameFrame4x3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447091
447092
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447092
447093
|
d="M5 6V18H19V6H5ZM4 4C3.44772 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44772 20.5523 4 20 4H4Z"
|
|
447093
|
-
fill="
|
|
447094
|
+
fill="currentColor" />
|
|
447094
447095
|
</symbol>
|
|
447095
447096
|
<symbol id="FrameFrame1x1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447096
447097
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447097
447098
|
d="M6 6V18H18V6H6ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5Z"
|
|
447098
|
-
fill="
|
|
447099
|
+
fill="currentColor" />
|
|
447099
447100
|
</symbol>
|
|
447100
447101
|
|
|
447101
447102
|
<symbol id="FrameFrame9x18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447102
447103
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447103
447104
|
d="M8 3L8 21H16V3H8ZM6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22V2C18 1.44772 17.5523 1 17 1H7C6.44772 1 6 1.44772 6 2L6 22Z"
|
|
447104
|
-
fill="
|
|
447105
|
+
fill="currentColor" />
|
|
447105
447106
|
</symbol>
|
|
447106
447107
|
|
|
447107
447108
|
<symbol id="FrameFrame3x2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
447108
447109
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447109
447110
|
d="M5.74592 6.24191V17.7576H18.2516V6.24191H5.74592ZM4.71678 4.25C4.18284 4.25 3.75 4.68197 3.75 5.21483V18.7852C3.75 19.318 4.18284 19.75 4.71678 19.75H19.2832C19.8172 19.75 20.25 19.318 20.25 18.7852V5.21483C20.25 4.68197 19.8172 4.25 19.2832 4.25H4.71678Z"
|
|
447110
|
-
fill="
|
|
447111
|
+
fill="currentColor" />
|
|
447111
447112
|
</symbol>
|
|
447112
447113
|
|
|
447113
447114
|
|
package/dist/sprite.svg
CHANGED
|
@@ -408,44 +408,44 @@
|
|
|
408
408
|
<symbol id="FrameCustom" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
409
409
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
410
410
|
d="M19 5C19 4.44772 19.4477 4 20 4H22C22.5523 4 23 4.44772 23 5V7C23 7.55228 22.5523 8 22 8V16C22.5523 16 23 16.4477 23 17V19C23 19.5523 22.5523 20 22 20H20C19.4477 20 19 19.5523 19 19H5C5 19.5523 4.55228 20 4 20H2C1.44772 20 1 19.5523 1 19V17C1 16.4477 1.44772 16 2 16V8C1.44772 8 1 7.55228 1 7V5C1 4.44772 1.44772 4 2 4H4C4.55228 4 5 4.44772 5 5H19ZM4 8C4.55228 8 5 7.55228 5 7H19C19 7.55228 19.4477 8 20 8V16C19.4477 16 19 16.4477 19 17H5C5 16.4477 4.55228 16 4 16V8Z"
|
|
411
|
-
fill="
|
|
411
|
+
fill="currentColor" />
|
|
412
412
|
</symbol>
|
|
413
413
|
<symbol id="FrameA4" width="24" height="24" viewBox="0 0 24 24" fill="none"
|
|
414
414
|
xmlns="http://www.w3.org/2000/svg">
|
|
415
415
|
<path
|
|
416
416
|
d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
|
|
417
|
-
fill="
|
|
417
|
+
fill="currentColor" />
|
|
418
418
|
</symbol>
|
|
419
419
|
|
|
420
420
|
<symbol id="FrameLetter" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
421
421
|
<path
|
|
422
422
|
d="M15 2.003V2H4.00198C3.44998 2 2.99998 2.455 2.99998 2.992V21.008C3.00024 21.2712 3.10498 21.5235 3.29117 21.7095C3.47737 21.8955 3.72979 22 3.99298 22H20.007C20.1383 21.9991 20.2682 21.9723 20.3891 21.9212C20.5101 21.8701 20.6198 21.7957 20.712 21.7022C20.8042 21.6087 20.8771 21.4979 20.9265 21.3762C20.9759 21.2545 21.0009 21.1243 21 20.993V8L15 2.003ZM18.17 8H15V4.83L18.17 8ZM13 4V9C13 9.26522 13.1053 9.51957 13.2929 9.70711C13.4804 9.89464 13.7348 10 14 10H19V20H4.99998V4H13Z"
|
|
423
|
-
fill="
|
|
423
|
+
fill="currentColor" />
|
|
424
424
|
</symbol>
|
|
425
425
|
<symbol id="FrameFrame16x9" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
426
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="
|
|
426
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 6H3V18H21V6ZM1 4V20H23V4H1Z" fill="currentColor" />
|
|
427
427
|
</symbol>
|
|
428
428
|
<symbol id="FrameFrame4x3" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
429
429
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
430
430
|
d="M5 6V18H19V6H5ZM4 4C3.44772 4 3 4.44772 3 5V19C3 19.5523 3.44772 20 4 20H20C20.5523 20 21 19.5523 21 19V5C21 4.44772 20.5523 4 20 4H4Z"
|
|
431
|
-
fill="
|
|
431
|
+
fill="currentColor" />
|
|
432
432
|
</symbol>
|
|
433
433
|
<symbol id="FrameFrame1x1" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
434
434
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
435
435
|
d="M6 6V18H18V6H6ZM5 4C4.44772 4 4 4.44772 4 5V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5Z"
|
|
436
|
-
fill="
|
|
436
|
+
fill="currentColor" />
|
|
437
437
|
</symbol>
|
|
438
438
|
|
|
439
439
|
<symbol id="FrameFrame9x18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
440
440
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
441
441
|
d="M8 3L8 21H16V3H8ZM6 22C6 22.5523 6.44772 23 7 23H17C17.5523 23 18 22.5523 18 22V2C18 1.44772 17.5523 1 17 1H7C6.44772 1 6 1.44772 6 2L6 22Z"
|
|
442
|
-
fill="
|
|
442
|
+
fill="currentColor" />
|
|
443
443
|
</symbol>
|
|
444
444
|
|
|
445
445
|
<symbol id="FrameFrame3x2" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
446
446
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
447
447
|
d="M5.74592 6.24191V17.7576H18.2516V6.24191H5.74592ZM4.71678 4.25C4.18284 4.25 3.75 4.68197 3.75 5.21483V18.7852C3.75 19.318 4.18284 19.75 4.71678 19.75H19.2832C19.8172 19.75 20.25 19.318 20.25 18.7852V5.21483C20.25 4.68197 19.8172 4.25 19.2832 4.25H4.71678Z"
|
|
448
|
-
fill="
|
|
448
|
+
fill="currentColor" />
|
|
449
449
|
</symbol>
|
|
450
450
|
|
|
451
451
|
|