gavia-ui 0.7.1 → 0.9.1
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/CHANGELOG.md +52 -1
- package/README.md +97 -44
- package/dist/components/WlAccordion.vue.d.ts +1 -1
- package/dist/components/WlButton.vue.d.ts +1 -1
- package/dist/components/WlDatePicker.vue.d.ts +30 -29
- package/dist/components/WlEmpty.vue.d.ts +2 -2
- package/dist/components/WlFilePicker.vue.d.ts +54 -0
- package/dist/components/WlIcon.vue.d.ts +2 -2
- package/dist/components/WlIconButton.vue.d.ts +3 -2
- package/dist/components/WlInput.vue.d.ts +1 -1
- package/dist/components/WlMenu.vue.d.ts +1 -1
- package/dist/components/WlNavItem.vue.d.ts +2 -2
- package/dist/components/WlPopover.vue.d.ts +1 -1
- package/dist/components/WlStatCard.vue.d.ts +2 -2
- package/dist/components/WlTimePicker.vue.d.ts +26 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/composables/useNativeFilePicker.d.ts +8 -0
- package/dist/design-system/tokens.generated.d.ts +627 -0
- package/dist/design-system/types.d.ts +3 -2
- package/dist/design-tokens.json +747 -48
- package/dist/iconNames.d.ts +5 -0
- package/dist/icons.generated.d.ts +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3466 -2211
- package/dist/manifest.json +508 -4
- package/dist/theme.d.ts +1 -0
- package/dist/types.d.ts +14 -8
- package/dist/utils/anchoredOverlay.d.ts +1 -1
- package/dist/utils/options.d.ts +1 -1
- package/dist/utils/overlayStack.d.ts +11 -0
- package/fonts/gavia/FONTLOG.txt +17 -0
- package/fonts/gavia/Gavia-Bold.ttf +0 -0
- package/fonts/gavia/Gavia-Bold.woff2 +0 -0
- package/fonts/gavia/Gavia-BoldItalic.ttf +0 -0
- package/fonts/gavia/Gavia-BoldItalic.woff2 +0 -0
- package/fonts/gavia/Gavia-Light.ttf +0 -0
- package/fonts/gavia/Gavia-Light.woff2 +0 -0
- package/fonts/gavia/Gavia-LightItalic.ttf +0 -0
- package/fonts/gavia/Gavia-LightItalic.woff2 +0 -0
- package/fonts/gavia/Gavia-Medium.ttf +0 -0
- package/fonts/gavia/Gavia-Medium.woff2 +0 -0
- package/fonts/gavia/Gavia-MediumItalic.ttf +0 -0
- package/fonts/gavia/Gavia-MediumItalic.woff2 +0 -0
- package/fonts/gavia/Gavia-Regular.ttf +0 -0
- package/fonts/gavia/Gavia-Regular.woff2 +0 -0
- package/fonts/gavia/Gavia-RegularItalic.ttf +0 -0
- package/fonts/gavia/Gavia-RegularItalic.woff2 +0 -0
- package/fonts/gavia/Gavia-SemiBold.ttf +0 -0
- package/fonts/gavia/Gavia-SemiBold.woff2 +0 -0
- package/fonts/gavia/Gavia-SemiBoldItalic.ttf +0 -0
- package/fonts/gavia/Gavia-SemiBoldItalic.woff2 +0 -0
- package/fonts/gavia/Gavia-Thin.ttf +0 -0
- package/fonts/gavia/Gavia-Thin.woff2 +0 -0
- package/fonts/gavia/Gavia-ThinItalic.ttf +0 -0
- package/fonts/gavia/Gavia-ThinItalic.woff2 +0 -0
- package/fonts/gavia/OFL.txt +94 -0
- package/fonts/gavia/Onest-OFL.txt +93 -0
- package/fonts/gavia/manifest.json +225 -0
- package/fonts/gavia/qa-report.json +3919 -0
- package/package.json +5 -2
- package/styles/base.css +148 -12
- package/styles/fonts/gavia.css +197 -0
- package/styles/primitives.css +8 -2
- package/styles/reset.css +1 -1
- package/themes/gavia.css +460 -0
- package/themes/graphite.css +29 -0
- package/themes/newspaper.css +29 -0
- package/themes/white.css +29 -0
|
@@ -7,6 +7,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
7
7
|
readonly value: "#ffffff";
|
|
8
8
|
readonly themes: {
|
|
9
9
|
readonly newspaper: "#fffefb";
|
|
10
|
+
readonly gavia: "#fefdfb";
|
|
10
11
|
};
|
|
11
12
|
}, {
|
|
12
13
|
readonly name: "--wl-gray-50";
|
|
@@ -17,6 +18,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
17
18
|
readonly value: "#f7f7f8";
|
|
18
19
|
readonly themes: {
|
|
19
20
|
readonly newspaper: "#fbfbfa";
|
|
21
|
+
readonly gavia: "#faf9f6";
|
|
20
22
|
};
|
|
21
23
|
}, {
|
|
22
24
|
readonly name: "--wl-gray-100";
|
|
@@ -27,6 +29,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
27
29
|
readonly value: "#f1f1f3";
|
|
28
30
|
readonly themes: {
|
|
29
31
|
readonly newspaper: "#f5f5f3";
|
|
32
|
+
readonly gavia: "#eef2f3";
|
|
30
33
|
};
|
|
31
34
|
}, {
|
|
32
35
|
readonly name: "--wl-gray-200";
|
|
@@ -37,6 +40,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
37
40
|
readonly value: "#e7e7ea";
|
|
38
41
|
readonly themes: {
|
|
39
42
|
readonly newspaper: "#e9e8e4";
|
|
43
|
+
readonly gavia: "#d5dfe3";
|
|
40
44
|
};
|
|
41
45
|
}, {
|
|
42
46
|
readonly name: "--wl-gray-300";
|
|
@@ -47,6 +51,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
47
51
|
readonly value: "#dcdce1";
|
|
48
52
|
readonly themes: {
|
|
49
53
|
readonly newspaper: "#d8d6d1";
|
|
54
|
+
readonly gavia: "#b8c7ce";
|
|
50
55
|
};
|
|
51
56
|
}, {
|
|
52
57
|
readonly name: "--wl-gray-400";
|
|
@@ -57,6 +62,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
57
62
|
readonly value: "#b9bdc6";
|
|
58
63
|
readonly themes: {
|
|
59
64
|
readonly newspaper: "#b8b5ae";
|
|
65
|
+
readonly gavia: "#94a3ae";
|
|
60
66
|
};
|
|
61
67
|
}, {
|
|
62
68
|
readonly name: "--wl-gray-500";
|
|
@@ -67,6 +73,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
67
73
|
readonly value: "#9aa0aa";
|
|
68
74
|
readonly themes: {
|
|
69
75
|
readonly newspaper: "#85817a";
|
|
76
|
+
readonly gavia: "#75818c";
|
|
70
77
|
};
|
|
71
78
|
}, {
|
|
72
79
|
readonly name: "--wl-gray-600";
|
|
@@ -77,6 +84,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
77
84
|
readonly value: "#5d626c";
|
|
78
85
|
readonly themes: {
|
|
79
86
|
readonly newspaper: "#625f59";
|
|
87
|
+
readonly gavia: "#5b6470";
|
|
80
88
|
};
|
|
81
89
|
}, {
|
|
82
90
|
readonly name: "--wl-gray-700";
|
|
@@ -87,6 +95,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
87
95
|
readonly value: "#43474f";
|
|
88
96
|
readonly themes: {
|
|
89
97
|
readonly newspaper: "#46433f";
|
|
98
|
+
readonly gavia: "#3e4d59";
|
|
90
99
|
};
|
|
91
100
|
}, {
|
|
92
101
|
readonly name: "--wl-gray-800";
|
|
@@ -97,6 +106,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
97
106
|
readonly value: "#2c2f36";
|
|
98
107
|
readonly themes: {
|
|
99
108
|
readonly newspaper: "#2e2c29";
|
|
109
|
+
readonly gavia: "#253540";
|
|
100
110
|
};
|
|
101
111
|
}, {
|
|
102
112
|
readonly name: "--wl-gray-900";
|
|
@@ -107,6 +117,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
107
117
|
readonly value: "#22252b";
|
|
108
118
|
readonly themes: {
|
|
109
119
|
readonly newspaper: "#1f1e1c";
|
|
120
|
+
readonly gavia: "#0f1a23";
|
|
110
121
|
};
|
|
111
122
|
}, {
|
|
112
123
|
readonly name: "--wl-gray-950";
|
|
@@ -117,6 +128,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
117
128
|
readonly value: "#17181c";
|
|
118
129
|
readonly themes: {
|
|
119
130
|
readonly newspaper: "#141311";
|
|
131
|
+
readonly gavia: "#091219";
|
|
120
132
|
};
|
|
121
133
|
}, {
|
|
122
134
|
readonly name: "--wl-blue-50";
|
|
@@ -414,6 +426,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
414
426
|
readonly white: "0 1px 2px rgba(20, 22, 28, 0.04)";
|
|
415
427
|
readonly graphite: "0 1px 2px rgba(0, 0, 0, 0.25)";
|
|
416
428
|
readonly newspaper: "none";
|
|
429
|
+
readonly gavia: "0 1px 3px rgba(15, 26, 35, 0.05)";
|
|
417
430
|
};
|
|
418
431
|
}, {
|
|
419
432
|
readonly name: "--wl-shadow-pop";
|
|
@@ -426,6 +439,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
426
439
|
readonly white: "0 4px 14px rgba(20, 22, 28, 0.07), 0 16px 44px rgba(20, 22, 28, 0.11)";
|
|
427
440
|
readonly graphite: "0 4px 14px rgba(0, 0, 0, 0.35), 0 16px 44px rgba(0, 0, 0, 0.45)";
|
|
428
441
|
readonly newspaper: "0 14px 36px rgba(48, 41, 32, 0.13)";
|
|
442
|
+
readonly gavia: "0 4px 14px rgba(15, 26, 35, 0.08), 0 16px 44px rgba(15, 26, 35, 0.12)";
|
|
429
443
|
};
|
|
430
444
|
}, {
|
|
431
445
|
readonly name: "--wl-shadow-knob";
|
|
@@ -438,6 +452,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
438
452
|
readonly white: "0 1px 3px rgba(0, 0, 0, 0.2)";
|
|
439
453
|
readonly graphite: "0 1px 3px rgba(0, 0, 0, 0.5)";
|
|
440
454
|
readonly newspaper: "0 1px 2px rgba(48, 41, 32, 0.22)";
|
|
455
|
+
readonly gavia: "0 1px 3px rgba(15, 26, 35, 0.2)";
|
|
441
456
|
};
|
|
442
457
|
}, {
|
|
443
458
|
readonly name: "--wl-dur-1";
|
|
@@ -490,6 +505,17 @@ export declare const wlDesignTokens: readonly [{
|
|
|
490
505
|
readonly value: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif";
|
|
491
506
|
readonly themes: {
|
|
492
507
|
readonly newspaper: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif";
|
|
508
|
+
readonly gavia: "\"Gavia Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif";
|
|
509
|
+
};
|
|
510
|
+
}, {
|
|
511
|
+
readonly name: "--wl-font-text-rendering";
|
|
512
|
+
readonly layer: "foundation";
|
|
513
|
+
readonly type: "string";
|
|
514
|
+
readonly category: "typography";
|
|
515
|
+
readonly description: "Режим рендеринга гарнитуры; Gavia сохраняет точные ширины табличных цифр.";
|
|
516
|
+
readonly value: "optimizeLegibility";
|
|
517
|
+
readonly themes: {
|
|
518
|
+
readonly gavia: "geometricPrecision";
|
|
493
519
|
};
|
|
494
520
|
}, {
|
|
495
521
|
readonly name: "--wl-font-heading";
|
|
@@ -508,6 +534,13 @@ export declare const wlDesignTokens: readonly [{
|
|
|
508
534
|
readonly category: "typography";
|
|
509
535
|
readonly description: "Базовое значение mono.";
|
|
510
536
|
readonly value: "\"SF Mono\", ui-monospace, \"Cascadia Mono\", Menlo, Consolas, monospace";
|
|
537
|
+
}, {
|
|
538
|
+
readonly name: "--wl-type-text-rendering";
|
|
539
|
+
readonly layer: "semantic";
|
|
540
|
+
readonly type: "string";
|
|
541
|
+
readonly category: "typography";
|
|
542
|
+
readonly description: "Режим рендеринга текста выбранной темы.";
|
|
543
|
+
readonly value: "var(--wl-font-text-rendering)";
|
|
511
544
|
}, {
|
|
512
545
|
readonly name: "--wl-bg";
|
|
513
546
|
readonly layer: "semantic";
|
|
@@ -515,6 +548,13 @@ export declare const wlDesignTokens: readonly [{
|
|
|
515
548
|
readonly category: "color";
|
|
516
549
|
readonly description: "Основная поверхность страницы и контента.";
|
|
517
550
|
readonly value: "var(--wl-palette-bg)";
|
|
551
|
+
}, {
|
|
552
|
+
readonly name: "--wl-bg-raised";
|
|
553
|
+
readonly value: "var(--wl-palette-bg-raised)";
|
|
554
|
+
readonly layer: "semantic";
|
|
555
|
+
readonly type: "color";
|
|
556
|
+
readonly category: "color";
|
|
557
|
+
readonly description: "Светлая поверхность карточек и локальных панелей над фоном страницы.";
|
|
518
558
|
}, {
|
|
519
559
|
readonly name: "--wl-bg-soft";
|
|
520
560
|
readonly layer: "semantic";
|
|
@@ -781,6 +821,9 @@ export declare const wlDesignTokens: readonly [{
|
|
|
781
821
|
readonly category: "shape";
|
|
782
822
|
readonly description: "Локальная настройка btn-radius.";
|
|
783
823
|
readonly value: "var(--wl-corner-control)";
|
|
824
|
+
readonly themes: {
|
|
825
|
+
readonly gavia: "var(--wl-corner-button)";
|
|
826
|
+
};
|
|
784
827
|
}, {
|
|
785
828
|
readonly name: "--wl-btn-radius-sm";
|
|
786
829
|
readonly layer: "component";
|
|
@@ -788,6 +831,9 @@ export declare const wlDesignTokens: readonly [{
|
|
|
788
831
|
readonly category: "shape";
|
|
789
832
|
readonly description: "Локальная настройка btn-radius-sm.";
|
|
790
833
|
readonly value: "var(--wl-corner-control-sm)";
|
|
834
|
+
readonly themes: {
|
|
835
|
+
readonly gavia: "var(--wl-corner-button-sm)";
|
|
836
|
+
};
|
|
791
837
|
}, {
|
|
792
838
|
readonly name: "--wl-btn-pad-x";
|
|
793
839
|
readonly layer: "component";
|
|
@@ -1233,6 +1279,17 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1233
1279
|
readonly white: "var(--wl-gray-0)";
|
|
1234
1280
|
readonly graphite: "#17181c";
|
|
1235
1281
|
readonly newspaper: "var(--wl-gray-0)";
|
|
1282
|
+
readonly gavia: "#faf9f6";
|
|
1283
|
+
};
|
|
1284
|
+
}, {
|
|
1285
|
+
readonly name: "--wl-palette-bg-raised";
|
|
1286
|
+
readonly value: "var(--wl-palette-bg)";
|
|
1287
|
+
readonly layer: "foundation";
|
|
1288
|
+
readonly type: "color";
|
|
1289
|
+
readonly category: "palette";
|
|
1290
|
+
readonly description: "Поднятая поверхность для карточек и локальных панелей.";
|
|
1291
|
+
readonly themes: {
|
|
1292
|
+
readonly gavia: "#fefdfb";
|
|
1236
1293
|
};
|
|
1237
1294
|
}, {
|
|
1238
1295
|
readonly name: "--wl-palette-bg-soft";
|
|
@@ -1245,6 +1302,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1245
1302
|
readonly white: "var(--wl-gray-50)";
|
|
1246
1303
|
readonly graphite: "#1e2025";
|
|
1247
1304
|
readonly newspaper: "var(--wl-gray-50)";
|
|
1305
|
+
readonly gavia: "#eef2f3";
|
|
1248
1306
|
};
|
|
1249
1307
|
}, {
|
|
1250
1308
|
readonly name: "--wl-palette-bg-hover";
|
|
@@ -1257,6 +1315,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1257
1315
|
readonly white: "var(--wl-gray-100)";
|
|
1258
1316
|
readonly graphite: "#26292f";
|
|
1259
1317
|
readonly newspaper: "var(--wl-gray-100)";
|
|
1318
|
+
readonly gavia: "#e5ecef";
|
|
1260
1319
|
};
|
|
1261
1320
|
}, {
|
|
1262
1321
|
readonly name: "--wl-palette-border";
|
|
@@ -1269,6 +1328,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1269
1328
|
readonly white: "var(--wl-gray-200)";
|
|
1270
1329
|
readonly graphite: "#2e3138";
|
|
1271
1330
|
readonly newspaper: "var(--wl-gray-200)";
|
|
1331
|
+
readonly gavia: "#d5dfe3";
|
|
1272
1332
|
};
|
|
1273
1333
|
}, {
|
|
1274
1334
|
readonly name: "--wl-palette-border-2";
|
|
@@ -1281,6 +1341,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1281
1341
|
readonly white: "var(--wl-gray-300)";
|
|
1282
1342
|
readonly graphite: "#3a3e46";
|
|
1283
1343
|
readonly newspaper: "var(--wl-gray-300)";
|
|
1344
|
+
readonly gavia: "#b8c7ce";
|
|
1284
1345
|
};
|
|
1285
1346
|
}, {
|
|
1286
1347
|
readonly name: "--wl-palette-text";
|
|
@@ -1293,6 +1354,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1293
1354
|
readonly white: "var(--wl-gray-900)";
|
|
1294
1355
|
readonly graphite: "#e8eaee";
|
|
1295
1356
|
readonly newspaper: "var(--wl-gray-950)";
|
|
1357
|
+
readonly gavia: "#0f1a23";
|
|
1296
1358
|
};
|
|
1297
1359
|
}, {
|
|
1298
1360
|
readonly name: "--wl-palette-text-2";
|
|
@@ -1305,6 +1367,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1305
1367
|
readonly white: "var(--wl-gray-600)";
|
|
1306
1368
|
readonly graphite: "#a8adb8";
|
|
1307
1369
|
readonly newspaper: "var(--wl-gray-600)";
|
|
1370
|
+
readonly gavia: "#5b6470";
|
|
1308
1371
|
};
|
|
1309
1372
|
}, {
|
|
1310
1373
|
readonly name: "--wl-palette-text-3";
|
|
@@ -1317,6 +1380,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1317
1380
|
readonly white: "var(--wl-gray-500)";
|
|
1318
1381
|
readonly graphite: "#6f7580";
|
|
1319
1382
|
readonly newspaper: "var(--wl-gray-500)";
|
|
1383
|
+
readonly gavia: "#75818c";
|
|
1320
1384
|
};
|
|
1321
1385
|
}, {
|
|
1322
1386
|
readonly name: "--wl-palette-accent";
|
|
@@ -1329,6 +1393,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1329
1393
|
readonly white: "var(--wl-blue-500)";
|
|
1330
1394
|
readonly graphite: "var(--wl-blue-400)";
|
|
1331
1395
|
readonly newspaper: "#25211d";
|
|
1396
|
+
readonly gavia: "#294451";
|
|
1332
1397
|
};
|
|
1333
1398
|
}, {
|
|
1334
1399
|
readonly name: "--wl-palette-accent-hover";
|
|
@@ -1341,6 +1406,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1341
1406
|
readonly white: "var(--wl-blue-600)";
|
|
1342
1407
|
readonly graphite: "#729df2";
|
|
1343
1408
|
readonly newspaper: "#3a342e";
|
|
1409
|
+
readonly gavia: "#203641";
|
|
1344
1410
|
};
|
|
1345
1411
|
}, {
|
|
1346
1412
|
readonly name: "--wl-palette-accent-soft";
|
|
@@ -1353,6 +1419,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1353
1419
|
readonly white: "var(--wl-blue-50)";
|
|
1354
1420
|
readonly graphite: "#202c46";
|
|
1355
1421
|
readonly newspaper: "#f4f3f1";
|
|
1422
|
+
readonly gavia: "#dfe8eb";
|
|
1356
1423
|
};
|
|
1357
1424
|
}, {
|
|
1358
1425
|
readonly name: "--wl-palette-accent-border";
|
|
@@ -1365,6 +1432,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1365
1432
|
readonly white: "var(--wl-blue-100)";
|
|
1366
1433
|
readonly graphite: "#2c3d63";
|
|
1367
1434
|
readonly newspaper: "#dedbd5";
|
|
1435
|
+
readonly gavia: "#b8cbd3";
|
|
1368
1436
|
};
|
|
1369
1437
|
}, {
|
|
1370
1438
|
readonly name: "--wl-palette-accent-soft-hover";
|
|
@@ -1377,6 +1445,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1377
1445
|
readonly white: "var(--wl-blue-75)";
|
|
1378
1446
|
readonly graphite: "#263757";
|
|
1379
1447
|
readonly newspaper: "#eceae6";
|
|
1448
|
+
readonly gavia: "#d3dfe4";
|
|
1380
1449
|
};
|
|
1381
1450
|
}, {
|
|
1382
1451
|
readonly name: "--wl-palette-accent-border-hover";
|
|
@@ -1389,6 +1458,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1389
1458
|
readonly white: "var(--wl-blue-200)";
|
|
1390
1459
|
readonly graphite: "#3a4f7d";
|
|
1391
1460
|
readonly newspaper: "#cec9c0";
|
|
1461
|
+
readonly gavia: "#9eb7c2";
|
|
1392
1462
|
};
|
|
1393
1463
|
}, {
|
|
1394
1464
|
readonly name: "--wl-palette-on-accent";
|
|
@@ -1401,6 +1471,37 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1401
1471
|
readonly white: "#ffffff";
|
|
1402
1472
|
readonly graphite: "#ffffff";
|
|
1403
1473
|
readonly newspaper: "#ffffff";
|
|
1474
|
+
readonly gavia: "#ffffff";
|
|
1475
|
+
};
|
|
1476
|
+
}, {
|
|
1477
|
+
readonly name: "--wl-palette-action-primary-bg";
|
|
1478
|
+
readonly value: "var(--wl-palette-accent)";
|
|
1479
|
+
readonly layer: "foundation";
|
|
1480
|
+
readonly type: "color";
|
|
1481
|
+
readonly category: "color";
|
|
1482
|
+
readonly description: "Базовая поверхность основного действия, независимая от цвета ссылок.";
|
|
1483
|
+
readonly themes: {
|
|
1484
|
+
readonly gavia: "#294451";
|
|
1485
|
+
};
|
|
1486
|
+
}, {
|
|
1487
|
+
readonly name: "--wl-palette-action-primary-hover";
|
|
1488
|
+
readonly value: "var(--wl-palette-accent-hover)";
|
|
1489
|
+
readonly layer: "foundation";
|
|
1490
|
+
readonly type: "color";
|
|
1491
|
+
readonly category: "color";
|
|
1492
|
+
readonly description: "Базовая поверхность основного действия при наведении.";
|
|
1493
|
+
readonly themes: {
|
|
1494
|
+
readonly gavia: "#203641";
|
|
1495
|
+
};
|
|
1496
|
+
}, {
|
|
1497
|
+
readonly name: "--wl-palette-action-primary-text";
|
|
1498
|
+
readonly value: "var(--wl-palette-on-accent)";
|
|
1499
|
+
readonly layer: "foundation";
|
|
1500
|
+
readonly type: "color";
|
|
1501
|
+
readonly category: "color";
|
|
1502
|
+
readonly description: "Базовый цвет читаемого текста на основном действии.";
|
|
1503
|
+
readonly themes: {
|
|
1504
|
+
readonly gavia: "#ffffff";
|
|
1404
1505
|
};
|
|
1405
1506
|
}, {
|
|
1406
1507
|
readonly name: "--wl-palette-success";
|
|
@@ -1485,6 +1586,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1485
1586
|
readonly white: "var(--wl-red-500)";
|
|
1486
1587
|
readonly graphite: "var(--wl-red-400)";
|
|
1487
1588
|
readonly newspaper: "#b33a35";
|
|
1589
|
+
readonly gavia: "#ab4448";
|
|
1488
1590
|
};
|
|
1489
1591
|
}, {
|
|
1490
1592
|
readonly name: "--wl-palette-danger-hover";
|
|
@@ -1497,6 +1599,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1497
1599
|
readonly white: "var(--wl-red-600)";
|
|
1498
1600
|
readonly graphite: "#ef7c81";
|
|
1499
1601
|
readonly newspaper: "#942e2a";
|
|
1602
|
+
readonly gavia: "#963c3f";
|
|
1500
1603
|
};
|
|
1501
1604
|
}, {
|
|
1502
1605
|
readonly name: "--wl-palette-danger-soft";
|
|
@@ -1509,6 +1612,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1509
1612
|
readonly white: "var(--wl-red-50)";
|
|
1510
1613
|
readonly graphite: "#311d1f";
|
|
1511
1614
|
readonly newspaper: "#f9e9e5";
|
|
1615
|
+
readonly gavia: "#f7eeed";
|
|
1512
1616
|
};
|
|
1513
1617
|
}, {
|
|
1514
1618
|
readonly name: "--wl-palette-danger-soft-hover";
|
|
@@ -1521,6 +1625,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1521
1625
|
readonly white: "var(--wl-red-75)";
|
|
1522
1626
|
readonly graphite: "#3a2225";
|
|
1523
1627
|
readonly newspaper: "#f3ded9";
|
|
1628
|
+
readonly gavia: "#f3e5e4";
|
|
1524
1629
|
};
|
|
1525
1630
|
}, {
|
|
1526
1631
|
readonly name: "--wl-palette-danger-border";
|
|
@@ -1533,6 +1638,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1533
1638
|
readonly white: "var(--wl-red-100)";
|
|
1534
1639
|
readonly graphite: "#4e2a2d";
|
|
1535
1640
|
readonly newspaper: "#e7c5bd";
|
|
1641
|
+
readonly gavia: "#e5c6c5";
|
|
1536
1642
|
};
|
|
1537
1643
|
}, {
|
|
1538
1644
|
readonly name: "--wl-palette-info-text";
|
|
@@ -1581,6 +1687,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1581
1687
|
readonly white: "var(--wl-red-700)";
|
|
1582
1688
|
readonly graphite: "#f08a8f";
|
|
1583
1689
|
readonly newspaper: "#8b2d29";
|
|
1690
|
+
readonly gavia: "#ab4448";
|
|
1584
1691
|
};
|
|
1585
1692
|
}, {
|
|
1586
1693
|
readonly name: "--wl-palette-mask-bg";
|
|
@@ -1593,6 +1700,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1593
1700
|
readonly white: "rgba(24, 26, 32, 0.24)";
|
|
1594
1701
|
readonly graphite: "rgba(8, 9, 12, 0.5)";
|
|
1595
1702
|
readonly newspaper: "rgba(32, 29, 26, 0.32)";
|
|
1703
|
+
readonly gavia: "rgba(15, 26, 35, 0.28)";
|
|
1596
1704
|
};
|
|
1597
1705
|
}, {
|
|
1598
1706
|
readonly name: "--wl-palette-avatar-bg";
|
|
@@ -1617,6 +1725,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1617
1725
|
readonly white: "#26292f";
|
|
1618
1726
|
readonly graphite: "#e8eaee";
|
|
1619
1727
|
readonly newspaper: "var(--wl-gray-950)";
|
|
1728
|
+
readonly gavia: "var(--wl-gray-900)";
|
|
1620
1729
|
};
|
|
1621
1730
|
}, {
|
|
1622
1731
|
readonly name: "--wl-palette-tooltip-text";
|
|
@@ -1744,6 +1853,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
1744
1853
|
readonly description: "Роль input-radius.";
|
|
1745
1854
|
readonly themes: {
|
|
1746
1855
|
readonly newspaper: "6px";
|
|
1856
|
+
readonly gavia: "6px";
|
|
1747
1857
|
};
|
|
1748
1858
|
}, {
|
|
1749
1859
|
readonly name: "--wl-focus-shadow";
|
|
@@ -2158,6 +2268,9 @@ export declare const wlDesignTokens: readonly [{
|
|
|
2158
2268
|
readonly type: "color";
|
|
2159
2269
|
readonly category: "component";
|
|
2160
2270
|
readonly description: "Роль toast-icon-err.";
|
|
2271
|
+
readonly themes: {
|
|
2272
|
+
readonly gavia: "var(--wl-palette-danger)";
|
|
2273
|
+
};
|
|
2161
2274
|
}, {
|
|
2162
2275
|
readonly name: "--wl-metric-stepper-input-width";
|
|
2163
2276
|
readonly value: "var(--wl-dimension-stepper-input-width)";
|
|
@@ -3047,6 +3160,9 @@ export declare const wlDesignTokens: readonly [{
|
|
|
3047
3160
|
readonly type: "color";
|
|
3048
3161
|
readonly category: "color";
|
|
3049
3162
|
readonly description: "Поверхность основного действия.";
|
|
3163
|
+
readonly themes: {
|
|
3164
|
+
readonly gavia: "var(--wl-palette-action-primary-bg)";
|
|
3165
|
+
};
|
|
3050
3166
|
}, {
|
|
3051
3167
|
readonly name: "--wl-action-primary-hover";
|
|
3052
3168
|
readonly value: "var(--wl-accent-hover)";
|
|
@@ -3054,6 +3170,9 @@ export declare const wlDesignTokens: readonly [{
|
|
|
3054
3170
|
readonly type: "color";
|
|
3055
3171
|
readonly category: "color";
|
|
3056
3172
|
readonly description: "Основное действие при наведении.";
|
|
3173
|
+
readonly themes: {
|
|
3174
|
+
readonly gavia: "var(--wl-palette-action-primary-hover)";
|
|
3175
|
+
};
|
|
3057
3176
|
}, {
|
|
3058
3177
|
readonly name: "--wl-action-primary-text";
|
|
3059
3178
|
readonly value: "var(--wl-on-accent)";
|
|
@@ -3063,6 +3182,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
3063
3182
|
readonly description: "Читаемый текст основного действия.";
|
|
3064
3183
|
readonly themes: {
|
|
3065
3184
|
readonly graphite: "var(--wl-gray-950)";
|
|
3185
|
+
readonly gavia: "var(--wl-palette-action-primary-text)";
|
|
3066
3186
|
};
|
|
3067
3187
|
}, {
|
|
3068
3188
|
readonly name: "--wl-action-danger-bg";
|
|
@@ -3074,6 +3194,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
3074
3194
|
readonly themes: {
|
|
3075
3195
|
readonly graphite: "var(--wl-danger)";
|
|
3076
3196
|
readonly newspaper: "var(--wl-danger)";
|
|
3197
|
+
readonly gavia: "var(--wl-palette-danger)";
|
|
3077
3198
|
};
|
|
3078
3199
|
}, {
|
|
3079
3200
|
readonly name: "--wl-action-danger-hover";
|
|
@@ -3085,6 +3206,7 @@ export declare const wlDesignTokens: readonly [{
|
|
|
3085
3206
|
readonly themes: {
|
|
3086
3207
|
readonly graphite: "var(--wl-danger-hover)";
|
|
3087
3208
|
readonly newspaper: "var(--wl-danger-hover)";
|
|
3209
|
+
readonly gavia: "var(--wl-palette-danger-hover)";
|
|
3088
3210
|
};
|
|
3089
3211
|
}, {
|
|
3090
3212
|
readonly name: "--wl-action-danger-text";
|
|
@@ -3166,9 +3288,182 @@ export declare const wlDesignTokens: readonly [{
|
|
|
3166
3288
|
readonly type: "string";
|
|
3167
3289
|
readonly category: "motion";
|
|
3168
3290
|
readonly description: "Кривая движения.";
|
|
3291
|
+
}, {
|
|
3292
|
+
readonly name: "--wl-size-reading-max";
|
|
3293
|
+
readonly value: "72ch";
|
|
3294
|
+
readonly layer: "foundation";
|
|
3295
|
+
readonly type: "dimension";
|
|
3296
|
+
readonly category: "layout";
|
|
3297
|
+
readonly description: "Максимальная ширина контейнера для длинного текста.";
|
|
3298
|
+
}, {
|
|
3299
|
+
readonly name: "--wl-layout-reading-max";
|
|
3300
|
+
readonly value: "var(--wl-size-reading-max)";
|
|
3301
|
+
readonly layer: "semantic";
|
|
3302
|
+
readonly type: "dimension";
|
|
3303
|
+
readonly category: "layout";
|
|
3304
|
+
readonly description: "Ширина узкого контейнера для статей и инструкций.";
|
|
3305
|
+
}, {
|
|
3306
|
+
readonly name: "--wl-size-grid-min";
|
|
3307
|
+
readonly value: "240px";
|
|
3308
|
+
readonly layer: "foundation";
|
|
3309
|
+
readonly type: "dimension";
|
|
3310
|
+
readonly category: "layout";
|
|
3311
|
+
readonly description: "Минимальная целевая ширина колонки адаптивной сетки.";
|
|
3312
|
+
}, {
|
|
3313
|
+
readonly name: "--wl-layout-grid-min";
|
|
3314
|
+
readonly value: "var(--wl-size-grid-min)";
|
|
3315
|
+
readonly layer: "semantic";
|
|
3316
|
+
readonly type: "dimension";
|
|
3317
|
+
readonly category: "layout";
|
|
3318
|
+
readonly description: "Минимальная ширина колонки wl-grid; внутри узкого контейнера ограничивается 100%.";
|
|
3319
|
+
}, {
|
|
3320
|
+
readonly name: "--wl-z-base";
|
|
3321
|
+
readonly value: "0";
|
|
3322
|
+
readonly layer: "foundation";
|
|
3323
|
+
readonly type: "number";
|
|
3324
|
+
readonly category: "layer";
|
|
3325
|
+
readonly description: "Базовый уровень локального контента.";
|
|
3326
|
+
}, {
|
|
3327
|
+
readonly name: "--wl-layer-base";
|
|
3328
|
+
readonly value: "var(--wl-z-base)";
|
|
3329
|
+
readonly layer: "semantic";
|
|
3330
|
+
readonly type: "number";
|
|
3331
|
+
readonly category: "layer";
|
|
3332
|
+
readonly description: "Слой обычного позиционированного контента в его stacking context.";
|
|
3333
|
+
}, {
|
|
3334
|
+
readonly name: "--wl-z-sticky";
|
|
3335
|
+
readonly value: "50";
|
|
3336
|
+
readonly layer: "foundation";
|
|
3337
|
+
readonly type: "number";
|
|
3338
|
+
readonly category: "layer";
|
|
3339
|
+
readonly description: "Уровень закреплённой навигации ниже масок и оверлеев.";
|
|
3340
|
+
}, {
|
|
3341
|
+
readonly name: "--wl-layer-sticky";
|
|
3342
|
+
readonly value: "var(--wl-z-sticky)";
|
|
3343
|
+
readonly layer: "semantic";
|
|
3344
|
+
readonly type: "number";
|
|
3345
|
+
readonly category: "layer";
|
|
3346
|
+
readonly description: "Слой sticky-шапки или навигации; не поднимает элемент над родительским stacking context.";
|
|
3347
|
+
}, {
|
|
3348
|
+
readonly name: "--wl-palette-action-primary-active";
|
|
3349
|
+
readonly value: "var(--wl-palette-action-primary-hover)";
|
|
3350
|
+
readonly layer: "foundation";
|
|
3351
|
+
readonly type: "color";
|
|
3352
|
+
readonly category: "color";
|
|
3353
|
+
readonly description: "Базовая поверхность основного действия при нажатии.";
|
|
3354
|
+
readonly themes: {
|
|
3355
|
+
readonly gavia: "#182a33";
|
|
3356
|
+
};
|
|
3357
|
+
}, {
|
|
3358
|
+
readonly name: "--wl-palette-accent-warm";
|
|
3359
|
+
readonly value: "var(--wl-palette-warn)";
|
|
3360
|
+
readonly layer: "foundation";
|
|
3361
|
+
readonly type: "color";
|
|
3362
|
+
readonly category: "color";
|
|
3363
|
+
readonly description: "Дополнительный тёплый цвет декоративных деталей; не цвет основного действия.";
|
|
3364
|
+
readonly themes: {
|
|
3365
|
+
readonly gavia: "#948775";
|
|
3366
|
+
};
|
|
3367
|
+
}, {
|
|
3368
|
+
readonly name: "--wl-palette-accent-warm-soft";
|
|
3369
|
+
readonly value: "var(--wl-palette-warn-soft)";
|
|
3370
|
+
readonly layer: "foundation";
|
|
3371
|
+
readonly type: "color";
|
|
3372
|
+
readonly category: "color";
|
|
3373
|
+
readonly description: "Мягкая поверхность тёплых декоративных деталей.";
|
|
3374
|
+
readonly themes: {
|
|
3375
|
+
readonly gavia: "#efebe3";
|
|
3376
|
+
};
|
|
3377
|
+
}, {
|
|
3378
|
+
readonly name: "--wl-action-primary-active";
|
|
3379
|
+
readonly value: "var(--wl-action-primary-hover)";
|
|
3380
|
+
readonly layer: "semantic";
|
|
3381
|
+
readonly type: "color";
|
|
3382
|
+
readonly category: "color";
|
|
3383
|
+
readonly description: "Поверхность основного действия при нажатии.";
|
|
3384
|
+
readonly themes: {
|
|
3385
|
+
readonly gavia: "var(--wl-palette-action-primary-active)";
|
|
3386
|
+
};
|
|
3387
|
+
}, {
|
|
3388
|
+
readonly name: "--wl-accent-warm";
|
|
3389
|
+
readonly value: "var(--wl-palette-accent-warm)";
|
|
3390
|
+
readonly layer: "semantic";
|
|
3391
|
+
readonly type: "color";
|
|
3392
|
+
readonly category: "color";
|
|
3393
|
+
readonly description: "Дозированный тёплый акцент для иллюстраций, декоративных отметок и небольших деталей.";
|
|
3394
|
+
}, {
|
|
3395
|
+
readonly name: "--wl-accent-warm-soft";
|
|
3396
|
+
readonly value: "var(--wl-palette-accent-warm-soft)";
|
|
3397
|
+
readonly layer: "semantic";
|
|
3398
|
+
readonly type: "color";
|
|
3399
|
+
readonly category: "color";
|
|
3400
|
+
readonly description: "Фон декоративного тёплого выделения; для текста использовать основную текстовую роль.";
|
|
3401
|
+
}, {
|
|
3402
|
+
readonly name: "--wl-dimension-btn-radius";
|
|
3403
|
+
readonly value: "var(--wl-radius)";
|
|
3404
|
+
readonly layer: "foundation";
|
|
3405
|
+
readonly type: "dimension";
|
|
3406
|
+
readonly category: "shape";
|
|
3407
|
+
readonly description: "Базовое скругление обычной кнопки.";
|
|
3408
|
+
readonly themes: {
|
|
3409
|
+
readonly gavia: "4px";
|
|
3410
|
+
};
|
|
3411
|
+
}, {
|
|
3412
|
+
readonly name: "--wl-dimension-btn-radius-sm";
|
|
3413
|
+
readonly value: "var(--wl-radius-sm)";
|
|
3414
|
+
readonly layer: "foundation";
|
|
3415
|
+
readonly type: "dimension";
|
|
3416
|
+
readonly category: "shape";
|
|
3417
|
+
readonly description: "Базовое скругление кнопок малого размера.";
|
|
3418
|
+
readonly themes: {
|
|
3419
|
+
readonly gavia: "3px";
|
|
3420
|
+
};
|
|
3421
|
+
}, {
|
|
3422
|
+
readonly name: "--wl-dimension-btn-radius-lg";
|
|
3423
|
+
readonly value: "var(--wl-radius-lg)";
|
|
3424
|
+
readonly layer: "foundation";
|
|
3425
|
+
readonly type: "dimension";
|
|
3426
|
+
readonly category: "shape";
|
|
3427
|
+
readonly description: "Базовое скругление большой кнопки.";
|
|
3428
|
+
readonly themes: {
|
|
3429
|
+
readonly gavia: "5px";
|
|
3430
|
+
};
|
|
3431
|
+
}, {
|
|
3432
|
+
readonly name: "--wl-corner-button";
|
|
3433
|
+
readonly value: "var(--wl-dimension-btn-radius)";
|
|
3434
|
+
readonly layer: "semantic";
|
|
3435
|
+
readonly type: "dimension";
|
|
3436
|
+
readonly category: "shape";
|
|
3437
|
+
readonly description: "Скругление обычной кнопки, независимое от полей и карточек.";
|
|
3438
|
+
}, {
|
|
3439
|
+
readonly name: "--wl-corner-button-sm";
|
|
3440
|
+
readonly value: "var(--wl-dimension-btn-radius-sm)";
|
|
3441
|
+
readonly layer: "semantic";
|
|
3442
|
+
readonly type: "dimension";
|
|
3443
|
+
readonly category: "shape";
|
|
3444
|
+
readonly description: "Скругление кнопок размеров xs и sm.";
|
|
3445
|
+
}, {
|
|
3446
|
+
readonly name: "--wl-corner-button-lg";
|
|
3447
|
+
readonly value: "var(--wl-dimension-btn-radius-lg)";
|
|
3448
|
+
readonly layer: "semantic";
|
|
3449
|
+
readonly type: "dimension";
|
|
3450
|
+
readonly category: "shape";
|
|
3451
|
+
readonly description: "Скругление кнопки размера lg.";
|
|
3452
|
+
}, {
|
|
3453
|
+
readonly name: "--wl-btn-radius-lg";
|
|
3454
|
+
readonly value: "var(--wl-corner-button-lg)";
|
|
3455
|
+
readonly layer: "component";
|
|
3456
|
+
readonly type: "dimension";
|
|
3457
|
+
readonly category: "shape";
|
|
3458
|
+
readonly description: "Локальная настройка скругления большой кнопки.";
|
|
3169
3459
|
}];
|
|
3170
3460
|
export type WlDesignTokenName = (typeof wlDesignTokens)[number]["name"];
|
|
3171
3461
|
export declare const wlDesignThemes: readonly [{
|
|
3462
|
+
readonly name: "gavia";
|
|
3463
|
+
readonly label: "Gavia";
|
|
3464
|
+
readonly description: "Светлые поверхности, глубокий озёрный акцент и мягкие серо-голубые выбранные состояния.";
|
|
3465
|
+
readonly colorScheme: "light";
|
|
3466
|
+
}, {
|
|
3172
3467
|
readonly name: "white";
|
|
3173
3468
|
readonly label: "White";
|
|
3174
3469
|
readonly description: "Светлая нейтральная основа с синим акцентом.";
|
|
@@ -3298,6 +3593,12 @@ export declare const wlContrastPairs: readonly [{
|
|
|
3298
3593
|
readonly foreground: "--wl-action-primary-text";
|
|
3299
3594
|
readonly background: "--wl-action-primary-hover";
|
|
3300
3595
|
readonly minimum: 4.5;
|
|
3596
|
+
}, {
|
|
3597
|
+
readonly name: "primary-active";
|
|
3598
|
+
readonly label: "Основное действие: active";
|
|
3599
|
+
readonly foreground: "--wl-action-primary-text";
|
|
3600
|
+
readonly background: "--wl-action-primary-active";
|
|
3601
|
+
readonly minimum: 4.5;
|
|
3301
3602
|
}, {
|
|
3302
3603
|
readonly name: "danger";
|
|
3303
3604
|
readonly label: "Опасное действие";
|
|
@@ -3346,8 +3647,190 @@ export declare const wlContrastPairs: readonly [{
|
|
|
3346
3647
|
readonly foreground: "--wl-focus-color";
|
|
3347
3648
|
readonly background: "--wl-bg";
|
|
3348
3649
|
readonly minimum: 3;
|
|
3650
|
+
}, {
|
|
3651
|
+
readonly name: "link";
|
|
3652
|
+
readonly label: "Ссылка на странице";
|
|
3653
|
+
readonly foreground: "--wl-accent";
|
|
3654
|
+
readonly background: "--wl-bg";
|
|
3655
|
+
readonly minimum: 4.5;
|
|
3656
|
+
}, {
|
|
3657
|
+
readonly name: "focus-soft";
|
|
3658
|
+
readonly label: "Фокус на вторичной поверхности";
|
|
3659
|
+
readonly foreground: "--wl-focus-color";
|
|
3660
|
+
readonly background: "--wl-bg-soft";
|
|
3661
|
+
readonly minimum: 3;
|
|
3662
|
+
}, {
|
|
3663
|
+
readonly name: "text-raised";
|
|
3664
|
+
readonly label: "Текст на поднятой поверхности";
|
|
3665
|
+
readonly foreground: "--wl-text";
|
|
3666
|
+
readonly background: "--wl-bg-raised";
|
|
3667
|
+
readonly minimum: 4.5;
|
|
3668
|
+
}, {
|
|
3669
|
+
readonly name: "muted-raised";
|
|
3670
|
+
readonly label: "Вспомогательный текст на поднятой поверхности";
|
|
3671
|
+
readonly foreground: "--wl-text-muted";
|
|
3672
|
+
readonly background: "--wl-bg-raised";
|
|
3673
|
+
readonly minimum: 4.5;
|
|
3674
|
+
}, {
|
|
3675
|
+
readonly name: "focus-raised";
|
|
3676
|
+
readonly label: "Фокус на поднятой поверхности";
|
|
3677
|
+
readonly foreground: "--wl-focus-color";
|
|
3678
|
+
readonly background: "--wl-bg-raised";
|
|
3679
|
+
readonly minimum: 3;
|
|
3349
3680
|
}];
|
|
3350
3681
|
export declare const wlContrastReport: readonly [{
|
|
3682
|
+
readonly name: "text";
|
|
3683
|
+
readonly label: "Основной текст";
|
|
3684
|
+
readonly foreground: "--wl-text";
|
|
3685
|
+
readonly background: "--wl-bg";
|
|
3686
|
+
readonly minimum: 4.5;
|
|
3687
|
+
readonly theme: "gavia";
|
|
3688
|
+
readonly ratio: 16.73;
|
|
3689
|
+
}, {
|
|
3690
|
+
readonly name: "muted";
|
|
3691
|
+
readonly label: "Вспомогательный текст";
|
|
3692
|
+
readonly foreground: "--wl-text-muted";
|
|
3693
|
+
readonly background: "--wl-bg";
|
|
3694
|
+
readonly minimum: 4.5;
|
|
3695
|
+
readonly theme: "gavia";
|
|
3696
|
+
readonly ratio: 5.7;
|
|
3697
|
+
}, {
|
|
3698
|
+
readonly name: "text-soft";
|
|
3699
|
+
readonly label: "Текст на вторичной поверхности";
|
|
3700
|
+
readonly foreground: "--wl-text";
|
|
3701
|
+
readonly background: "--wl-bg-soft";
|
|
3702
|
+
readonly minimum: 4.5;
|
|
3703
|
+
readonly theme: "gavia";
|
|
3704
|
+
readonly ratio: 15.63;
|
|
3705
|
+
}, {
|
|
3706
|
+
readonly name: "primary";
|
|
3707
|
+
readonly label: "Основное действие";
|
|
3708
|
+
readonly foreground: "--wl-action-primary-text";
|
|
3709
|
+
readonly background: "--wl-action-primary-bg";
|
|
3710
|
+
readonly minimum: 4.5;
|
|
3711
|
+
readonly theme: "gavia";
|
|
3712
|
+
readonly ratio: 10.29;
|
|
3713
|
+
}, {
|
|
3714
|
+
readonly name: "primary-hover";
|
|
3715
|
+
readonly label: "Основное действие: hover";
|
|
3716
|
+
readonly foreground: "--wl-action-primary-text";
|
|
3717
|
+
readonly background: "--wl-action-primary-hover";
|
|
3718
|
+
readonly minimum: 4.5;
|
|
3719
|
+
readonly theme: "gavia";
|
|
3720
|
+
readonly ratio: 12.61;
|
|
3721
|
+
}, {
|
|
3722
|
+
readonly name: "primary-active";
|
|
3723
|
+
readonly label: "Основное действие: active";
|
|
3724
|
+
readonly foreground: "--wl-action-primary-text";
|
|
3725
|
+
readonly background: "--wl-action-primary-active";
|
|
3726
|
+
readonly minimum: 4.5;
|
|
3727
|
+
readonly theme: "gavia";
|
|
3728
|
+
readonly ratio: 14.81;
|
|
3729
|
+
}, {
|
|
3730
|
+
readonly name: "danger";
|
|
3731
|
+
readonly label: "Опасное действие";
|
|
3732
|
+
readonly foreground: "--wl-action-danger-text";
|
|
3733
|
+
readonly background: "--wl-action-danger-bg";
|
|
3734
|
+
readonly minimum: 4.5;
|
|
3735
|
+
readonly theme: "gavia";
|
|
3736
|
+
readonly ratio: 5.75;
|
|
3737
|
+
}, {
|
|
3738
|
+
readonly name: "danger-hover";
|
|
3739
|
+
readonly label: "Опасное действие: hover";
|
|
3740
|
+
readonly foreground: "--wl-action-danger-text";
|
|
3741
|
+
readonly background: "--wl-action-danger-hover";
|
|
3742
|
+
readonly minimum: 4.5;
|
|
3743
|
+
readonly theme: "gavia";
|
|
3744
|
+
readonly ratio: 6.97;
|
|
3745
|
+
}, {
|
|
3746
|
+
readonly name: "tooltip";
|
|
3747
|
+
readonly label: "Подсказка";
|
|
3748
|
+
readonly foreground: "--wl-tooltip-text";
|
|
3749
|
+
readonly background: "--wl-tooltip-bg";
|
|
3750
|
+
readonly minimum: 4.5;
|
|
3751
|
+
readonly theme: "gavia";
|
|
3752
|
+
readonly ratio: 17.61;
|
|
3753
|
+
}, {
|
|
3754
|
+
readonly name: "info";
|
|
3755
|
+
readonly label: "Информационное сообщение";
|
|
3756
|
+
readonly foreground: "--wl-info-text";
|
|
3757
|
+
readonly background: "--wl-accent-soft";
|
|
3758
|
+
readonly minimum: 4.5;
|
|
3759
|
+
readonly theme: "gavia";
|
|
3760
|
+
readonly ratio: 7.8;
|
|
3761
|
+
}, {
|
|
3762
|
+
readonly name: "success";
|
|
3763
|
+
readonly label: "Успешное сообщение";
|
|
3764
|
+
readonly foreground: "--wl-ok-text";
|
|
3765
|
+
readonly background: "--wl-success-soft";
|
|
3766
|
+
readonly minimum: 4.5;
|
|
3767
|
+
readonly theme: "gavia";
|
|
3768
|
+
readonly ratio: 5.84;
|
|
3769
|
+
}, {
|
|
3770
|
+
readonly name: "warning";
|
|
3771
|
+
readonly label: "Предупреждение";
|
|
3772
|
+
readonly foreground: "--wl-warn-text";
|
|
3773
|
+
readonly background: "--wl-warn-soft";
|
|
3774
|
+
readonly minimum: 4.5;
|
|
3775
|
+
readonly theme: "gavia";
|
|
3776
|
+
readonly ratio: 5.73;
|
|
3777
|
+
}, {
|
|
3778
|
+
readonly name: "error";
|
|
3779
|
+
readonly label: "Сообщение об ошибке";
|
|
3780
|
+
readonly foreground: "--wl-err-text";
|
|
3781
|
+
readonly background: "--wl-danger-soft";
|
|
3782
|
+
readonly minimum: 4.5;
|
|
3783
|
+
readonly theme: "gavia";
|
|
3784
|
+
readonly ratio: 5.04;
|
|
3785
|
+
}, {
|
|
3786
|
+
readonly name: "focus";
|
|
3787
|
+
readonly label: "Фокус на странице";
|
|
3788
|
+
readonly foreground: "--wl-focus-color";
|
|
3789
|
+
readonly background: "--wl-bg";
|
|
3790
|
+
readonly minimum: 3;
|
|
3791
|
+
readonly theme: "gavia";
|
|
3792
|
+
readonly ratio: 9.78;
|
|
3793
|
+
}, {
|
|
3794
|
+
readonly name: "link";
|
|
3795
|
+
readonly label: "Ссылка на странице";
|
|
3796
|
+
readonly foreground: "--wl-accent";
|
|
3797
|
+
readonly background: "--wl-bg";
|
|
3798
|
+
readonly minimum: 4.5;
|
|
3799
|
+
readonly theme: "gavia";
|
|
3800
|
+
readonly ratio: 9.78;
|
|
3801
|
+
}, {
|
|
3802
|
+
readonly name: "focus-soft";
|
|
3803
|
+
readonly label: "Фокус на вторичной поверхности";
|
|
3804
|
+
readonly foreground: "--wl-focus-color";
|
|
3805
|
+
readonly background: "--wl-bg-soft";
|
|
3806
|
+
readonly minimum: 3;
|
|
3807
|
+
readonly theme: "gavia";
|
|
3808
|
+
readonly ratio: 9.13;
|
|
3809
|
+
}, {
|
|
3810
|
+
readonly name: "text-raised";
|
|
3811
|
+
readonly label: "Текст на поднятой поверхности";
|
|
3812
|
+
readonly foreground: "--wl-text";
|
|
3813
|
+
readonly background: "--wl-bg-raised";
|
|
3814
|
+
readonly minimum: 4.5;
|
|
3815
|
+
readonly theme: "gavia";
|
|
3816
|
+
readonly ratio: 17.33;
|
|
3817
|
+
}, {
|
|
3818
|
+
readonly name: "muted-raised";
|
|
3819
|
+
readonly label: "Вспомогательный текст на поднятой поверхности";
|
|
3820
|
+
readonly foreground: "--wl-text-muted";
|
|
3821
|
+
readonly background: "--wl-bg-raised";
|
|
3822
|
+
readonly minimum: 4.5;
|
|
3823
|
+
readonly theme: "gavia";
|
|
3824
|
+
readonly ratio: 5.9;
|
|
3825
|
+
}, {
|
|
3826
|
+
readonly name: "focus-raised";
|
|
3827
|
+
readonly label: "Фокус на поднятой поверхности";
|
|
3828
|
+
readonly foreground: "--wl-focus-color";
|
|
3829
|
+
readonly background: "--wl-bg-raised";
|
|
3830
|
+
readonly minimum: 3;
|
|
3831
|
+
readonly theme: "gavia";
|
|
3832
|
+
readonly ratio: 10.13;
|
|
3833
|
+
}, {
|
|
3351
3834
|
readonly name: "text";
|
|
3352
3835
|
readonly label: "Основной текст";
|
|
3353
3836
|
readonly foreground: "--wl-text";
|
|
@@ -3387,6 +3870,14 @@ export declare const wlContrastReport: readonly [{
|
|
|
3387
3870
|
readonly minimum: 4.5;
|
|
3388
3871
|
readonly theme: "white";
|
|
3389
3872
|
readonly ratio: 6.81;
|
|
3873
|
+
}, {
|
|
3874
|
+
readonly name: "primary-active";
|
|
3875
|
+
readonly label: "Основное действие: active";
|
|
3876
|
+
readonly foreground: "--wl-action-primary-text";
|
|
3877
|
+
readonly background: "--wl-action-primary-active";
|
|
3878
|
+
readonly minimum: 4.5;
|
|
3879
|
+
readonly theme: "white";
|
|
3880
|
+
readonly ratio: 6.81;
|
|
3390
3881
|
}, {
|
|
3391
3882
|
readonly name: "danger";
|
|
3392
3883
|
readonly label: "Опасное действие";
|
|
@@ -3451,6 +3942,46 @@ export declare const wlContrastReport: readonly [{
|
|
|
3451
3942
|
readonly minimum: 3;
|
|
3452
3943
|
readonly theme: "white";
|
|
3453
3944
|
readonly ratio: 5.17;
|
|
3945
|
+
}, {
|
|
3946
|
+
readonly name: "link";
|
|
3947
|
+
readonly label: "Ссылка на странице";
|
|
3948
|
+
readonly foreground: "--wl-accent";
|
|
3949
|
+
readonly background: "--wl-bg";
|
|
3950
|
+
readonly minimum: 4.5;
|
|
3951
|
+
readonly theme: "white";
|
|
3952
|
+
readonly ratio: 5.17;
|
|
3953
|
+
}, {
|
|
3954
|
+
readonly name: "focus-soft";
|
|
3955
|
+
readonly label: "Фокус на вторичной поверхности";
|
|
3956
|
+
readonly foreground: "--wl-focus-color";
|
|
3957
|
+
readonly background: "--wl-bg-soft";
|
|
3958
|
+
readonly minimum: 3;
|
|
3959
|
+
readonly theme: "white";
|
|
3960
|
+
readonly ratio: 4.83;
|
|
3961
|
+
}, {
|
|
3962
|
+
readonly name: "text-raised";
|
|
3963
|
+
readonly label: "Текст на поднятой поверхности";
|
|
3964
|
+
readonly foreground: "--wl-text";
|
|
3965
|
+
readonly background: "--wl-bg-raised";
|
|
3966
|
+
readonly minimum: 4.5;
|
|
3967
|
+
readonly theme: "white";
|
|
3968
|
+
readonly ratio: 15.36;
|
|
3969
|
+
}, {
|
|
3970
|
+
readonly name: "muted-raised";
|
|
3971
|
+
readonly label: "Вспомогательный текст на поднятой поверхности";
|
|
3972
|
+
readonly foreground: "--wl-text-muted";
|
|
3973
|
+
readonly background: "--wl-bg-raised";
|
|
3974
|
+
readonly minimum: 4.5;
|
|
3975
|
+
readonly theme: "white";
|
|
3976
|
+
readonly ratio: 6.12;
|
|
3977
|
+
}, {
|
|
3978
|
+
readonly name: "focus-raised";
|
|
3979
|
+
readonly label: "Фокус на поднятой поверхности";
|
|
3980
|
+
readonly foreground: "--wl-focus-color";
|
|
3981
|
+
readonly background: "--wl-bg-raised";
|
|
3982
|
+
readonly minimum: 3;
|
|
3983
|
+
readonly theme: "white";
|
|
3984
|
+
readonly ratio: 5.17;
|
|
3454
3985
|
}, {
|
|
3455
3986
|
readonly name: "text";
|
|
3456
3987
|
readonly label: "Основной текст";
|
|
@@ -3491,6 +4022,14 @@ export declare const wlContrastReport: readonly [{
|
|
|
3491
4022
|
readonly minimum: 4.5;
|
|
3492
4023
|
readonly theme: "graphite";
|
|
3493
4024
|
readonly ratio: 6.61;
|
|
4025
|
+
}, {
|
|
4026
|
+
readonly name: "primary-active";
|
|
4027
|
+
readonly label: "Основное действие: active";
|
|
4028
|
+
readonly foreground: "--wl-action-primary-text";
|
|
4029
|
+
readonly background: "--wl-action-primary-active";
|
|
4030
|
+
readonly minimum: 4.5;
|
|
4031
|
+
readonly theme: "graphite";
|
|
4032
|
+
readonly ratio: 6.61;
|
|
3494
4033
|
}, {
|
|
3495
4034
|
readonly name: "danger";
|
|
3496
4035
|
readonly label: "Опасное действие";
|
|
@@ -3555,6 +4094,46 @@ export declare const wlContrastReport: readonly [{
|
|
|
3555
4094
|
readonly minimum: 3;
|
|
3556
4095
|
readonly theme: "graphite";
|
|
3557
4096
|
readonly ratio: 5.49;
|
|
4097
|
+
}, {
|
|
4098
|
+
readonly name: "link";
|
|
4099
|
+
readonly label: "Ссылка на странице";
|
|
4100
|
+
readonly foreground: "--wl-accent";
|
|
4101
|
+
readonly background: "--wl-bg";
|
|
4102
|
+
readonly minimum: 4.5;
|
|
4103
|
+
readonly theme: "graphite";
|
|
4104
|
+
readonly ratio: 5.49;
|
|
4105
|
+
}, {
|
|
4106
|
+
readonly name: "focus-soft";
|
|
4107
|
+
readonly label: "Фокус на вторичной поверхности";
|
|
4108
|
+
readonly foreground: "--wl-focus-color";
|
|
4109
|
+
readonly background: "--wl-bg-soft";
|
|
4110
|
+
readonly minimum: 3;
|
|
4111
|
+
readonly theme: "graphite";
|
|
4112
|
+
readonly ratio: 5.05;
|
|
4113
|
+
}, {
|
|
4114
|
+
readonly name: "text-raised";
|
|
4115
|
+
readonly label: "Текст на поднятой поверхности";
|
|
4116
|
+
readonly foreground: "--wl-text";
|
|
4117
|
+
readonly background: "--wl-bg-raised";
|
|
4118
|
+
readonly minimum: 4.5;
|
|
4119
|
+
readonly theme: "graphite";
|
|
4120
|
+
readonly ratio: 14.73;
|
|
4121
|
+
}, {
|
|
4122
|
+
readonly name: "muted-raised";
|
|
4123
|
+
readonly label: "Вспомогательный текст на поднятой поверхности";
|
|
4124
|
+
readonly foreground: "--wl-text-muted";
|
|
4125
|
+
readonly background: "--wl-bg-raised";
|
|
4126
|
+
readonly minimum: 4.5;
|
|
4127
|
+
readonly theme: "graphite";
|
|
4128
|
+
readonly ratio: 7.88;
|
|
4129
|
+
}, {
|
|
4130
|
+
readonly name: "focus-raised";
|
|
4131
|
+
readonly label: "Фокус на поднятой поверхности";
|
|
4132
|
+
readonly foreground: "--wl-focus-color";
|
|
4133
|
+
readonly background: "--wl-bg-raised";
|
|
4134
|
+
readonly minimum: 3;
|
|
4135
|
+
readonly theme: "graphite";
|
|
4136
|
+
readonly ratio: 5.49;
|
|
3558
4137
|
}, {
|
|
3559
4138
|
readonly name: "text";
|
|
3560
4139
|
readonly label: "Основной текст";
|
|
@@ -3595,6 +4174,14 @@ export declare const wlContrastReport: readonly [{
|
|
|
3595
4174
|
readonly minimum: 4.5;
|
|
3596
4175
|
readonly theme: "newspaper";
|
|
3597
4176
|
readonly ratio: 12.28;
|
|
4177
|
+
}, {
|
|
4178
|
+
readonly name: "primary-active";
|
|
4179
|
+
readonly label: "Основное действие: active";
|
|
4180
|
+
readonly foreground: "--wl-action-primary-text";
|
|
4181
|
+
readonly background: "--wl-action-primary-active";
|
|
4182
|
+
readonly minimum: 4.5;
|
|
4183
|
+
readonly theme: "newspaper";
|
|
4184
|
+
readonly ratio: 12.28;
|
|
3598
4185
|
}, {
|
|
3599
4186
|
readonly name: "danger";
|
|
3600
4187
|
readonly label: "Опасное действие";
|
|
@@ -3659,4 +4246,44 @@ export declare const wlContrastReport: readonly [{
|
|
|
3659
4246
|
readonly minimum: 3;
|
|
3660
4247
|
readonly theme: "newspaper";
|
|
3661
4248
|
readonly ratio: 15.85;
|
|
4249
|
+
}, {
|
|
4250
|
+
readonly name: "link";
|
|
4251
|
+
readonly label: "Ссылка на странице";
|
|
4252
|
+
readonly foreground: "--wl-accent";
|
|
4253
|
+
readonly background: "--wl-bg";
|
|
4254
|
+
readonly minimum: 4.5;
|
|
4255
|
+
readonly theme: "newspaper";
|
|
4256
|
+
readonly ratio: 15.85;
|
|
4257
|
+
}, {
|
|
4258
|
+
readonly name: "focus-soft";
|
|
4259
|
+
readonly label: "Фокус на вторичной поверхности";
|
|
4260
|
+
readonly foreground: "--wl-focus-color";
|
|
4261
|
+
readonly background: "--wl-bg-soft";
|
|
4262
|
+
readonly minimum: 3;
|
|
4263
|
+
readonly theme: "newspaper";
|
|
4264
|
+
readonly ratio: 15.44;
|
|
4265
|
+
}, {
|
|
4266
|
+
readonly name: "text-raised";
|
|
4267
|
+
readonly label: "Текст на поднятой поверхности";
|
|
4268
|
+
readonly foreground: "--wl-text";
|
|
4269
|
+
readonly background: "--wl-bg-raised";
|
|
4270
|
+
readonly minimum: 4.5;
|
|
4271
|
+
readonly theme: "newspaper";
|
|
4272
|
+
readonly ratio: 18.41;
|
|
4273
|
+
}, {
|
|
4274
|
+
readonly name: "muted-raised";
|
|
4275
|
+
readonly label: "Вспомогательный текст на поднятой поверхности";
|
|
4276
|
+
readonly foreground: "--wl-text-muted";
|
|
4277
|
+
readonly background: "--wl-bg-raised";
|
|
4278
|
+
readonly minimum: 4.5;
|
|
4279
|
+
readonly theme: "newspaper";
|
|
4280
|
+
readonly ratio: 6.31;
|
|
4281
|
+
}, {
|
|
4282
|
+
readonly name: "focus-raised";
|
|
4283
|
+
readonly label: "Фокус на поднятой поверхности";
|
|
4284
|
+
readonly foreground: "--wl-focus-color";
|
|
4285
|
+
readonly background: "--wl-bg-raised";
|
|
4286
|
+
readonly minimum: 3;
|
|
4287
|
+
readonly theme: "newspaper";
|
|
4288
|
+
readonly ratio: 15.85;
|
|
3662
4289
|
}];
|