xrk-components 2.0.0-beta.26 → 2.0.0-beta.28

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.
Files changed (5) hide show
  1. package/lib/index.css +10 -147
  2. package/lib/index.esm.js +175 -182
  3. package/lib/index.umd.js +174 -181
  4. package/package.json +68 -60
  5. package/pnpm-lock.yaml +0 -6212
package/lib/index.css CHANGED
@@ -10,7 +10,6 @@
10
10
  --xrk-color-danger-rgb: 255, 11, 11;
11
11
  --xrk-color-error-rgb: 255, 11, 11;
12
12
  --xrk-color-info-rgb: 144, 147, 153;
13
- --xrk-color-primary2-rgb: 44, 130, 234;
14
13
  --xrk-font-size-extra-large: 20px;
15
14
  --xrk-font-size-large: 18px;
16
15
  --xrk-font-size-medium: 16px;
@@ -51,63 +50,42 @@
51
50
  --xrk-color-primary-light-7: rgb(253.5, 217.2, 178.5);
52
51
  --xrk-color-primary-light-8: rgb(254, 229.8, 204);
53
52
  --xrk-color-primary-light-9: rgb(254.5, 242.4, 229.5);
54
- --xrk-color-primary-dark-1: rgb(227.6, 118.7, 2.6);
55
53
  --xrk-color-primary-dark-2: rgb(205.2, 108.4, 5.2);
56
- --xrk-color-primary-dark-3: rgb(182.8, 98.1, 7.8);
57
54
  --xrk-color-success: #61a768;
58
55
  --xrk-color-success-light-3: rgb(144.4, 193.4, 149.3);
59
56
  --xrk-color-success-light-5: rgb(176, 211, 179.5);
60
57
  --xrk-color-success-light-7: rgb(207.6, 228.6, 209.7);
61
58
  --xrk-color-success-light-8: rgb(223.4, 237.4, 224.8);
62
59
  --xrk-color-success-light-9: rgb(239.2, 246.2, 239.9);
63
- --xrk-color-success-dark-1: rgb(89.9, 152.9, 96.2);
64
60
  --xrk-color-success-dark-2: rgb(82.8, 138.8, 88.4);
65
- --xrk-color-success-dark-3: rgb(75.7, 124.7, 80.6);
66
61
  --xrk-color-warning: #ed7067;
67
62
  --xrk-color-warning-light-3: rgb(242.4, 154.9, 148.6);
68
63
  --xrk-color-warning-light-5: rgb(246, 183.5, 179);
69
64
  --xrk-color-warning-light-7: rgb(249.6, 212.1, 209.4);
70
65
  --xrk-color-warning-light-8: rgb(251.4, 226.4, 224.6);
71
66
  --xrk-color-warning-light-9: rgb(253.2, 240.7, 239.8);
72
- --xrk-color-warning-dark-1: rgb(215.9, 103.4, 95.3);
73
67
  --xrk-color-warning-dark-2: rgb(194.8, 94.8, 87.6);
74
- --xrk-color-warning-dark-3: rgb(173.7, 86.2, 79.9);
75
68
  --xrk-color-danger: #ff0b0b;
76
69
  --xrk-color-danger-light-3: rgb(255, 84.2, 84.2);
77
70
  --xrk-color-danger-light-5: #ff8585;
78
71
  --xrk-color-danger-light-7: rgb(255, 181.8, 181.8);
79
72
  --xrk-color-danger-light-8: rgb(255, 206.2, 206.2);
80
73
  --xrk-color-danger-light-9: rgb(255, 230.6, 230.6);
81
- --xrk-color-danger-dark-1: rgb(232.1, 12.5, 12.5);
82
74
  --xrk-color-danger-dark-2: rgb(209.2, 14, 14);
83
- --xrk-color-danger-dark-3: rgb(186.3, 15.5, 15.5);
84
75
  --xrk-color-error: #ff0b0b;
85
76
  --xrk-color-error-light-3: rgb(255, 84.2, 84.2);
86
77
  --xrk-color-error-light-5: #ff8585;
87
78
  --xrk-color-error-light-7: rgb(255, 181.8, 181.8);
88
79
  --xrk-color-error-light-8: rgb(255, 206.2, 206.2);
89
80
  --xrk-color-error-light-9: rgb(255, 230.6, 230.6);
90
- --xrk-color-error-dark-1: rgb(232.1, 12.5, 12.5);
91
81
  --xrk-color-error-dark-2: rgb(209.2, 14, 14);
92
- --xrk-color-error-dark-3: rgb(186.3, 15.5, 15.5);
93
82
  --xrk-color-info: #909399;
94
83
  --xrk-color-info-light-3: rgb(177.3, 179.4, 183.6);
95
84
  --xrk-color-info-light-5: rgb(199.5, 201, 204);
96
85
  --xrk-color-info-light-7: rgb(221.7, 222.6, 224.4);
97
86
  --xrk-color-info-light-8: rgb(232.8, 233.4, 234.6);
98
87
  --xrk-color-info-light-9: rgb(243.9, 244.2, 244.8);
99
- --xrk-color-info-dark-1: rgb(132.2, 134.9, 140.3);
100
88
  --xrk-color-info-dark-2: rgb(120.4, 122.8, 127.6);
101
- --xrk-color-info-dark-3: rgb(108.6, 110.7, 114.9);
102
- --xrk-color-primary2: #2c82ea;
103
- --xrk-color-primary2-light-3: rgb(107.3, 167.5, 240.3);
104
- --xrk-color-primary2-light-5: rgb(149.5, 192.5, 244.5);
105
- --xrk-color-primary2-light-7: rgb(191.7, 217.5, 248.7);
106
- --xrk-color-primary2-light-8: rgb(212.8, 230, 250.8);
107
- --xrk-color-primary2-light-9: rgb(233.9, 242.5, 252.9);
108
- --xrk-color-primary2-dark-1: rgb(42.2, 119.6, 213.2);
109
- --xrk-color-primary2-dark-2: rgb(40.4, 109.2, 192.4);
110
- --xrk-color-primary2-dark-3: rgb(38.6, 98.8, 171.6);
111
89
  --xrk-bg-color: #ffffff;
112
90
  --xrk-bg-color-page: #f2f3f5;
113
91
  --xrk-bg-color-overlay: #ffffff;
@@ -1342,8 +1320,8 @@
1342
1320
  --xrk-button-active-color: var(--xrk-color-primary-dark-2);
1343
1321
  --xrk-button-hover-text-color: var(--xrk-color-white);
1344
1322
  --xrk-button-hover-link-text-color: var(--xrk-color-primary-light-5);
1345
- --xrk-button-hover-bg-color: var(--xrk-color-primary-dark-1);
1346
- --xrk-button-hover-border-color: var(--xrk-color-primary-dark-1);
1323
+ --xrk-button-hover-bg-color: var(--xrk-color-primary-light-3);
1324
+ --xrk-button-hover-border-color: var(--xrk-color-primary-light-3);
1347
1325
  --xrk-button-active-bg-color: var(--xrk-color-primary-dark-2);
1348
1326
  --xrk-button-active-border-color: var(--xrk-color-primary-dark-2);
1349
1327
  --xrk-button-disabled-text-color: var(--xrk-color-white);
@@ -1375,8 +1353,8 @@
1375
1353
  --xrk-button-active-color: var(--xrk-color-success-dark-2);
1376
1354
  --xrk-button-hover-text-color: var(--xrk-color-white);
1377
1355
  --xrk-button-hover-link-text-color: var(--xrk-color-success-light-5);
1378
- --xrk-button-hover-bg-color: var(--xrk-color-success-dark-1);
1379
- --xrk-button-hover-border-color: var(--xrk-color-success-dark-1);
1356
+ --xrk-button-hover-bg-color: var(--xrk-color-success-light-3);
1357
+ --xrk-button-hover-border-color: var(--xrk-color-success-light-3);
1380
1358
  --xrk-button-active-bg-color: var(--xrk-color-success-dark-2);
1381
1359
  --xrk-button-active-border-color: var(--xrk-color-success-dark-2);
1382
1360
  --xrk-button-disabled-text-color: var(--xrk-color-white);
@@ -1408,8 +1386,8 @@
1408
1386
  --xrk-button-active-color: var(--xrk-color-warning-dark-2);
1409
1387
  --xrk-button-hover-text-color: var(--xrk-color-white);
1410
1388
  --xrk-button-hover-link-text-color: var(--xrk-color-warning-light-5);
1411
- --xrk-button-hover-bg-color: var(--xrk-color-warning-dark-1);
1412
- --xrk-button-hover-border-color: var(--xrk-color-warning-dark-1);
1389
+ --xrk-button-hover-bg-color: var(--xrk-color-warning-light-3);
1390
+ --xrk-button-hover-border-color: var(--xrk-color-warning-light-3);
1413
1391
  --xrk-button-active-bg-color: var(--xrk-color-warning-dark-2);
1414
1392
  --xrk-button-active-border-color: var(--xrk-color-warning-dark-2);
1415
1393
  --xrk-button-disabled-text-color: var(--xrk-color-white);
@@ -1441,8 +1419,8 @@
1441
1419
  --xrk-button-active-color: var(--xrk-color-danger-dark-2);
1442
1420
  --xrk-button-hover-text-color: var(--xrk-color-white);
1443
1421
  --xrk-button-hover-link-text-color: var(--xrk-color-danger-light-5);
1444
- --xrk-button-hover-bg-color: var(--xrk-color-danger-dark-1);
1445
- --xrk-button-hover-border-color: var(--xrk-color-danger-dark-1);
1422
+ --xrk-button-hover-bg-color: var(--xrk-color-danger-light-3);
1423
+ --xrk-button-hover-border-color: var(--xrk-color-danger-light-3);
1446
1424
  --xrk-button-active-bg-color: var(--xrk-color-danger-dark-2);
1447
1425
  --xrk-button-active-border-color: var(--xrk-color-danger-dark-2);
1448
1426
  --xrk-button-disabled-text-color: var(--xrk-color-white);
@@ -1474,8 +1452,8 @@
1474
1452
  --xrk-button-active-color: var(--xrk-color-info-dark-2);
1475
1453
  --xrk-button-hover-text-color: var(--xrk-color-white);
1476
1454
  --xrk-button-hover-link-text-color: var(--xrk-color-info-light-5);
1477
- --xrk-button-hover-bg-color: var(--xrk-color-info-dark-1);
1478
- --xrk-button-hover-border-color: var(--xrk-color-info-dark-1);
1455
+ --xrk-button-hover-bg-color: var(--xrk-color-info-light-3);
1456
+ --xrk-button-hover-border-color: var(--xrk-color-info-light-3);
1479
1457
  --xrk-button-active-bg-color: var(--xrk-color-info-dark-2);
1480
1458
  --xrk-button-active-border-color: var(--xrk-color-info-dark-2);
1481
1459
  --xrk-button-disabled-text-color: var(--xrk-color-white);
@@ -1499,39 +1477,6 @@
1499
1477
  border-color: var(--xrk-color-info-light-8);
1500
1478
  }
1501
1479
 
1502
- .xrk-button--primary2 {
1503
- --xrk-button-text-color: var(--xrk-color-white);
1504
- --xrk-button-bg-color: var(--xrk-color-primary2);
1505
- --xrk-button-border-color: var(--xrk-color-primary2);
1506
- --xrk-button-outline-color: var(--xrk-color-primary2-light-5);
1507
- --xrk-button-active-color: var(--xrk-color-primary2-dark-2);
1508
- --xrk-button-hover-text-color: var(--xrk-color-white);
1509
- --xrk-button-hover-link-text-color: var(--xrk-color-primary2-light-5);
1510
- --xrk-button-hover-bg-color: var(--xrk-color-primary2-dark-1);
1511
- --xrk-button-hover-border-color: var(--xrk-color-primary2-dark-1);
1512
- --xrk-button-active-bg-color: var(--xrk-color-primary2-dark-2);
1513
- --xrk-button-active-border-color: var(--xrk-color-primary2-dark-2);
1514
- --xrk-button-disabled-text-color: var(--xrk-color-white);
1515
- --xrk-button-disabled-bg-color: var(--xrk-color-primary2-light-5);
1516
- --xrk-button-disabled-border-color: var(--xrk-color-primary2-light-5);
1517
- }
1518
-
1519
- .xrk-button--primary2.is-plain, .xrk-button--primary2.is-text, .xrk-button--primary2.is-link {
1520
- --xrk-button-text-color: var(--xrk-color-primary2);
1521
- --xrk-button-bg-color: var(--xrk-color-primary2-light-9);
1522
- --xrk-button-border-color: var(--xrk-color-primary2-light-5);
1523
- --xrk-button-hover-text-color: var(--xrk-color-white);
1524
- --xrk-button-hover-bg-color: var(--xrk-color-primary2);
1525
- --xrk-button-hover-border-color: var(--xrk-color-primary2);
1526
- --xrk-button-active-text-color: var(--xrk-color-white);
1527
- }
1528
-
1529
- .xrk-button--primary2.is-plain.is-disabled, .xrk-button--primary2.is-plain.is-disabled:hover, .xrk-button--primary2.is-plain.is-disabled:focus, .xrk-button--primary2.is-plain.is-disabled:active, .xrk-button--primary2.is-text.is-disabled, .xrk-button--primary2.is-text.is-disabled:hover, .xrk-button--primary2.is-text.is-disabled:focus, .xrk-button--primary2.is-text.is-disabled:active, .xrk-button--primary2.is-link.is-disabled, .xrk-button--primary2.is-link.is-disabled:hover, .xrk-button--primary2.is-link.is-disabled:focus, .xrk-button--primary2.is-link.is-disabled:active {
1530
- color: var(--xrk-color-primary2-light-5);
1531
- background-color: var(--xrk-color-primary2-light-9);
1532
- border-color: var(--xrk-color-primary2-light-8);
1533
- }
1534
-
1535
1480
  .xrk-button--large {
1536
1481
  --xrk-button-size: 40px;
1537
1482
  height: var(--xrk-button-size);
@@ -2684,35 +2629,6 @@
2684
2629
  background-color: var(--xrk-color-info-light-9);
2685
2630
  }
2686
2631
 
2687
- .xrk-check-tag.xrk-check-tag--primary2.is-checked {
2688
- background-color: var(--xrk-color-primary2-light-8);
2689
- color: var(--xrk-color-primary2);
2690
- }
2691
-
2692
- .xrk-check-tag.xrk-check-tag--primary2.is-checked:hover {
2693
- background-color: var(--xrk-color-primary2-light-7);
2694
- }
2695
-
2696
- .xrk-check-tag.xrk-check-tag--primary2.is-checked.is-disabled {
2697
- background-color: var(--xrk-color-primary2-light-8);
2698
- color: var(--xrk-disabled-text-color);
2699
- cursor: not-allowed;
2700
- }
2701
-
2702
- .xrk-check-tag.xrk-check-tag--primary2.is-checked.is-disabled:hover {
2703
- background-color: var(--xrk-color-primary2-light-8);
2704
- }
2705
-
2706
- .xrk-check-tag.xrk-check-tag--primary2.is-disabled {
2707
- background-color: var(--xrk-color-primary2-light-9);
2708
- color: var(--xrk-disabled-text-color);
2709
- cursor: not-allowed;
2710
- }
2711
-
2712
- .xrk-check-tag.xrk-check-tag--primary2.is-disabled:hover {
2713
- background-color: var(--xrk-color-primary2-light-9);
2714
- }
2715
-
2716
2632
  .xrk-checkbox-button {
2717
2633
  --xrk-checkbox-button-checked-bg-color: var(--xrk-color-primary);
2718
2634
  --xrk-checkbox-button-checked-text-color: var(--xrk-color-white);
@@ -10795,20 +10711,6 @@
10795
10711
  border-color: var(--xrk-link-text-color);
10796
10712
  }
10797
10713
 
10798
- .xrk-link.xrk-link--primary2 {
10799
- --xrk-link-text-color: var(--xrk-color-primary2);
10800
- --xrk-link-hover-text-color: var(--xrk-color-primary2-light-3);
10801
- --xrk-link-disabled-text-color: var(--xrk-color-primary2-light-5);
10802
- }
10803
-
10804
- .xrk-link.xrk-link--primary2:after {
10805
- border-color: var(--xrk-link-text-color);
10806
- }
10807
-
10808
- .xrk-link.xrk-link--primary2.is-underline:hover:after {
10809
- border-color: var(--xrk-link-text-color);
10810
- }
10811
-
10812
10714
  :root {
10813
10715
  --xrk-loading-spinner-size: 42px;
10814
10716
  --xrk-loading-fullscreen-spinner-size: 50px;
@@ -13184,11 +13086,6 @@
13184
13086
  color: var(--xrk-result-color);
13185
13087
  }
13186
13088
 
13187
- .xrk-result .icon-primary2 {
13188
- --xrk-result-color: var(--xrk-color-primary2);
13189
- color: var(--xrk-result-color);
13190
- }
13191
-
13192
13089
  .xrk-row {
13193
13090
  display: -webkit-box;
13194
13091
  display: -webkit-flex;
@@ -16984,12 +16881,6 @@
16984
16881
  --xrk-tag-hover-color: var(--xrk-color-info);
16985
16882
  }
16986
16883
 
16987
- .xrk-tag.xrk-tag--primary2 {
16988
- --xrk-tag-bg-color: var(--xrk-color-primary2-light-9);
16989
- --xrk-tag-border-color: var(--xrk-color-primary2-light-8);
16990
- --xrk-tag-hover-color: var(--xrk-color-primary2);
16991
- }
16992
-
16993
16884
  .xrk-tag.is-hit {
16994
16885
  border-color: var(--xrk-color-primary);
16995
16886
  }
@@ -17034,10 +16925,6 @@
17034
16925
  --xrk-tag-text-color: var(--xrk-color-info);
17035
16926
  }
17036
16927
 
17037
- .xrk-tag.xrk-tag--primary2 {
17038
- --xrk-tag-text-color: var(--xrk-color-primary2);
17039
- }
17040
-
17041
16928
  .xrk-tag .xrk-icon {
17042
16929
  border-radius: 50%;
17043
16930
  cursor: pointer;
@@ -17093,12 +16980,6 @@
17093
16980
  --xrk-tag-hover-color: var(--xrk-color-info-light-3);
17094
16981
  }
17095
16982
 
17096
- .xrk-tag--dark.xrk-tag--primary2 {
17097
- --xrk-tag-bg-color: var(--xrk-color-primary2);
17098
- --xrk-tag-border-color: var(--xrk-color-primary2);
17099
- --xrk-tag-hover-color: var(--xrk-color-primary2-light-3);
17100
- }
17101
-
17102
16983
  .xrk-tag--dark.xrk-tag--primary {
17103
16984
  --xrk-tag-text-color: var(--xrk-color-white);
17104
16985
  }
@@ -17123,10 +17004,6 @@
17123
17004
  --xrk-tag-text-color: var(--xrk-color-white);
17124
17005
  }
17125
17006
 
17126
- .xrk-tag--dark.xrk-tag--primary2 {
17127
- --xrk-tag-text-color: var(--xrk-color-white);
17128
- }
17129
-
17130
17007
  .xrk-tag--plain {
17131
17008
  --xrk-tag-bg-color: var(--xrk-fill-color-blank);
17132
17009
  --xrk-tag-bg-color: var(--xrk-fill-color-blank);
@@ -17170,12 +17047,6 @@
17170
17047
  --xrk-tag-hover-color: var(--xrk-color-info);
17171
17048
  }
17172
17049
 
17173
- .xrk-tag--plain.xrk-tag--primary2 {
17174
- --xrk-tag-bg-color: var(--xrk-fill-color-blank);
17175
- --xrk-tag-border-color: var(--xrk-color-primary2-light-5);
17176
- --xrk-tag-hover-color: var(--xrk-color-primary2);
17177
- }
17178
-
17179
17050
  .xrk-tag.is-closable {
17180
17051
  padding-right: 5px;
17181
17052
  }
@@ -17237,10 +17108,6 @@
17237
17108
  border-color: var(--xrk-color-info);
17238
17109
  }
17239
17110
 
17240
- .xrk-tag.xrk-tag--primary2.is-hit {
17241
- border-color: var(--xrk-color-primary2);
17242
- }
17243
-
17244
17111
  .xrk-text {
17245
17112
  --xrk-text-font-size: var(--xrk-font-size-base);
17246
17113
  --xrk-text-color: var(--xrk-text-color-regular);
@@ -17307,10 +17174,6 @@
17307
17174
  --xrk-text-color: var(--xrk-color-info);
17308
17175
  }
17309
17176
 
17310
- .xrk-text.xrk-text--primary2 {
17311
- --xrk-text-color: var(--xrk-color-primary2);
17312
- }
17313
-
17314
17177
  .xrk-text > .xrk-icon {
17315
17178
  vertical-align: -2px;
17316
17179
  }