@rescui/typography 0.18.2 → 0.19.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.
Files changed (9) hide show
  1. package/lib/create-text-cn.js +18 -31
  2. package/lib/index-moduled.css +183 -145
  3. package/lib/index-moduled.p.module.css.js +120 -120
  4. package/lib/index.css +68 -30
  5. package/lib/mixins.p.css +68 -61
  6. package/lib/mixins.pcss +68 -61
  7. package/lib/public-api.p.css +167 -83
  8. package/lib/public-api.pcss +167 -83
  9. package/package.json +5 -5
package/lib/public-api.pcss CHANGED
@@ -976,8 +976,7 @@
976
976
  line-height:var(--_rs-typography-line-height);
977
977
 
978
978
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
979
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
980
- font-feature-settings:'kern', 'liga', 'calt';
979
+ font-feature-settings:'kern', 'liga', 'calt';
981
980
  }
982
981
  @define-mixin rs-typography-paragraph-auto-offset-styles{
983
982
  & > p:not(:nth-child(1)),
@@ -1013,8 +1012,7 @@
1013
1012
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
1014
1013
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
1015
1014
  );
1016
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1017
- font-feature-settings:'kern', 'liga', 'calt';
1015
+ font-feature-settings:'kern', 'liga', 'calt';
1018
1016
 
1019
1017
  > li{
1020
1018
  position:relative;
@@ -1054,9 +1052,7 @@
1054
1052
  0.1
1055
1053
  );
1056
1054
 
1057
- -webkit-box-sizing:border-box;
1058
-
1059
- box-sizing:border-box;
1055
+ box-sizing:border-box;
1060
1056
  padding:0.11111em 0.44444em;
1061
1057
 
1062
1058
  border-radius:4px;
@@ -1084,9 +1080,7 @@
1084
1080
 
1085
1081
  overflow:auto;
1086
1082
 
1087
- -webkit-box-sizing:border-box;
1088
-
1089
- box-sizing:border-box;
1083
+ box-sizing:border-box;
1090
1084
  width:100%;
1091
1085
 
1092
1086
  max-width:100%;
@@ -1132,6 +1126,33 @@
1132
1126
  line-height:inherit;
1133
1127
  }
1134
1128
  }
1129
+ @define-mixin rs-typography-link-state-hover{
1130
+ --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
1131
+
1132
+ --_rs-typography-link-border-bottom-width-from-state-hover:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
1133
+ --_rs-typography-link-border-bottom-color-from-state-hover:var(
1134
+ --_rs-typography-link-hover-underline-color-wf
1135
+ );
1136
+ --_rs-typography-link-border-image-from-state-hover:var(
1137
+ --_rs-typography-link-hover-border-image-wf
1138
+ );
1139
+
1140
+ --_rs-typography-link-color-from-state-hover:var(
1141
+ --_rs-typography-link-hover-color-wf
1142
+ );
1143
+ --_rs-typography-link-background-size-from-state-hover:auto calc(100% + 4px);
1144
+ --_rs-typography-link-after-margin-right-from-state-hover:var(
1145
+ --_rs-typography-link-hover-after-offset-right-wf
1146
+ );
1147
+ --_rs-typography-link-after-margin-left-from-state-hover:var(
1148
+ --_rs-typography-link-hover-after-offset-left-wf
1149
+ );
1150
+ }
1151
+ @define-mixin rs-typography-link-state-focus-visible{
1152
+ --_rs-typography-link-box-shadow-from-state-focus-visible:var(
1153
+ --_rs-color-primary
1154
+ ) 0 0 0 4px;
1155
+ }
1135
1156
  @define-mixin rs-typography-link-styles{
1136
1157
  --_rs-typography-link-border-bottom-width-wf:var(
1137
1158
  --_rs-typography-link-border-bottom-width-from-text,
@@ -1201,47 +1222,94 @@
1201
1222
  --_rs-typography-link-transition,
1202
1223
  none
1203
1224
  );
1225
+ --_rs-typography-link-padding-bottom-final:var(
1226
+ --_rs-typography-link-padding-bottom-from-state-hover,
1227
+ 1px
1228
+ );
1229
+ --_rs-typography-link-border-bottom-width-final:var(
1230
+ --_rs-typography-link-border-bottom-width-from-state-hover,
1231
+ var(--_rs-typography-link-border-bottom-width-wf)
1232
+ );
1233
+ --_rs-typography-link-border-bottom-color-final:var(
1234
+ --_rs-typography-link-border-bottom-color-from-state-hover,
1235
+ var(--_rs-typography-link-underline-color-wf)
1236
+ );
1237
+ --_rs-typography-link-border-image-final:var(
1238
+ --_rs-typography-link-border-image-from-state-hover,
1239
+ initial
1240
+ );
1241
+ --_rs-typography-link-color-final:var(
1242
+ --_rs-typography-link-color-from-state-hover,
1243
+ var(--_rs-typography-link-color-wf)
1244
+ );
1245
+ --_rs-typography-link-background-size-final:var(
1246
+ --_rs-typography-link-background-size-from-state-hover,
1247
+ auto 0
1248
+ );
1249
+ --_rs-typography-link-after-margin-right-final:var(
1250
+ --_rs-typography-link-after-margin-right-from-state-hover,
1251
+ var(--_rs-typography-link-after-offset-right-wf)
1252
+ );
1253
+ --_rs-typography-link-after-margin-left-final:var(
1254
+ --_rs-typography-link-after-margin-left-from-state-hover,
1255
+ var(--_rs-typography-link-after-offset-left-wf)
1256
+ );
1257
+ --_rs-typography-link-box-shadow-final:var(
1258
+ --_rs-typography-link-box-shadow-from-state-focus-visible,
1259
+ initial
1260
+ );
1204
1261
 
1205
- padding-bottom:1px;
1262
+ padding-bottom:var(--_rs-typography-link-padding-bottom-final);
1206
1263
 
1207
- border-bottom-width:var(--_rs-typography-link-border-bottom-width-wf);
1264
+ border-bottom-width:var(--_rs-typography-link-border-bottom-width-final);
1208
1265
  border-bottom-style:solid;
1209
- border-bottom-color:var(--_rs-typography-link-underline-color-wf);
1266
+ border-bottom-color:var(--_rs-typography-link-border-bottom-color-final);
1267
+ -o-border-image:var(--_rs-typography-link-border-image-final);
1268
+ border-image:var(--_rs-typography-link-border-image-final);
1210
1269
 
1211
1270
  outline:none;
1212
1271
 
1213
1272
  cursor:pointer;
1214
1273
  text-decoration:none;
1215
1274
 
1216
- color:var(--_rs-typography-link-color-wf);
1275
+ color:var(--_rs-typography-link-color-final);
1217
1276
 
1218
1277
  background-image:var(--_rs-typography-link-background-image-wf);
1219
1278
  background-repeat:repeat-x;
1220
1279
  background-position:left calc(100% + 4px);
1221
- background-size:auto 0;
1280
+ background-size:var(--_rs-typography-link-background-size-final);
1281
+ box-shadow:var(--_rs-typography-link-box-shadow-final);
1222
1282
 
1223
1283
  font-size:inherit;
1224
1284
  line-height:inherit;
1225
- -webkit-transition:var(--_rs-typography-link-transition-wf);
1226
1285
  transition:var(--_rs-typography-link-transition-wf);
1227
1286
 
1228
1287
  &:active,
1229
1288
  &:focus{
1230
- color:var(--_rs-typography-link-color-wf);
1289
+ color:var(--_rs-typography-link-color-final);
1231
1290
  }
1232
1291
 
1233
1292
  &:hover{
1234
- padding-bottom:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
1235
-
1236
- border-bottom-width:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
1237
- border-bottom-color:var(--_rs-typography-link-hover-underline-color-wf);
1238
- -o-border-image:var(--_rs-typography-link-hover-border-image-wf);
1239
- border-image:var(--_rs-typography-link-hover-border-image-wf);
1293
+ --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
1294
+ --_rs-typography-link-border-bottom-width-from-state-hover:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
1295
+ --_rs-typography-link-border-bottom-color-from-state-hover:var(
1296
+ --_rs-typography-link-hover-underline-color-wf
1297
+ );
1298
+ --_rs-typography-link-border-image-from-state-hover:var(
1299
+ --_rs-typography-link-hover-border-image-wf
1300
+ );
1301
+ --_rs-typography-link-color-from-state-hover:var(
1302
+ --_rs-typography-link-hover-color-wf
1303
+ );
1304
+ --_rs-typography-link-background-size-from-state-hover:auto calc(100% + 4px);
1305
+ --_rs-typography-link-after-margin-right-from-state-hover:var(
1306
+ --_rs-typography-link-hover-after-offset-right-wf
1307
+ );
1308
+ --_rs-typography-link-after-margin-left-from-state-hover:var(
1309
+ --_rs-typography-link-hover-after-offset-left-wf
1310
+ );
1240
1311
 
1241
1312
  text-decoration:none;
1242
-
1243
- color:var(--_rs-typography-link-hover-color-wf);
1244
- background-size:auto calc(100% + 4px);
1245
1313
  }
1246
1314
 
1247
1315
  &:after{
@@ -1250,24 +1318,18 @@
1250
1318
  var(--_rs-typography-link-after-display-wf)
1251
1319
  );
1252
1320
 
1253
- margin-right:var(--_rs-typography-link-after-offset-right-wf);
1254
- margin-left:var(--_rs-typography-link-after-offset-left-wf);
1321
+ margin-right:var(--_rs-typography-link-after-margin-right-final);
1322
+ margin-left:var(--_rs-typography-link-after-margin-left-final);
1255
1323
 
1256
1324
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
1257
1325
 
1258
- -webkit-transition:margin-right 300ms, margin-left 300ms;
1259
-
1260
1326
  transition:margin-right 300ms, margin-left 300ms;
1261
1327
  }
1262
1328
 
1263
- &:hover:after{
1264
- margin-right:var(--_rs-typography-link-hover-after-offset-right-wf);
1265
- margin-left:var(--_rs-typography-link-hover-after-offset-left-wf);
1266
- }
1267
-
1268
1329
  &:focus[data-focus-method='key']{
1269
- -webkit-box-shadow:var(--_rs-color-primary) 0 0 0 4px;
1270
- box-shadow:var(--_rs-color-primary) 0 0 0 4px;
1330
+ --_rs-typography-link-box-shadow-from-state-focus-visible:var(
1331
+ --_rs-color-primary
1332
+ ) 0 0 0 4px;
1271
1333
  }
1272
1334
  }
1273
1335
  @define-mixin rs-typography-reset-letter-spacing{
@@ -1343,7 +1405,6 @@
1343
1405
  font-weight:var(--_rs-typography-font-weight);
1344
1406
  line-height:var(--_rs-typography-line-height);
1345
1407
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1346
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1347
1408
  font-feature-settings:'kern', 'liga', 'calt';
1348
1409
  color:var(--_rs-typography-base-color);
1349
1410
  }
@@ -1400,7 +1461,6 @@
1400
1461
  font-weight:var(--_rs-typography-font-weight);
1401
1462
  line-height:var(--_rs-typography-line-height);
1402
1463
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1403
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1404
1464
  font-feature-settings:'kern', 'liga', 'calt';
1405
1465
  color:var(--_rs-typography-base-color);
1406
1466
  }
@@ -1483,7 +1543,6 @@
1483
1543
  font-weight:var(--_rs-typography-font-weight);
1484
1544
  line-height:var(--_rs-typography-line-height);
1485
1545
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1486
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1487
1546
  font-feature-settings:'kern', 'liga', 'calt';
1488
1547
  color:var(--_rs-typography-base-color);
1489
1548
  }
@@ -1553,7 +1612,6 @@
1553
1612
  font-weight:var(--_rs-typography-font-weight);
1554
1613
  line-height:var(--_rs-typography-line-height);
1555
1614
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1556
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1557
1615
  font-feature-settings:'kern', 'liga', 'calt';
1558
1616
  color:var(--_rs-typography-base-color);
1559
1617
  }
@@ -1620,7 +1678,6 @@
1620
1678
  font-weight:var(--_rs-typography-font-weight);
1621
1679
  line-height:var(--_rs-typography-line-height);
1622
1680
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1623
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1624
1681
  font-feature-settings:'kern', 'liga', 'calt';
1625
1682
  color:var(--_rs-typography-base-color);
1626
1683
  }
@@ -1682,7 +1739,6 @@
1682
1739
  font-weight:var(--_rs-typography-font-weight);
1683
1740
  line-height:var(--_rs-typography-line-height);
1684
1741
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1685
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1686
1742
  font-feature-settings:'kern', 'liga', 'calt';
1687
1743
  color:var(--_rs-typography-base-color);
1688
1744
  }
@@ -1743,7 +1799,6 @@
1743
1799
  font-weight:var(--_rs-typography-font-weight);
1744
1800
  line-height:var(--_rs-typography-line-height);
1745
1801
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1746
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1747
1802
  font-feature-settings:'kern', 'liga', 'calt';
1748
1803
  color:var(--_rs-typography-base-color);
1749
1804
  }
@@ -1794,7 +1849,6 @@
1794
1849
  font-weight:var(--_rs-typography-font-weight);
1795
1850
  line-height:var(--_rs-typography-line-height);
1796
1851
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1797
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1798
1852
  font-feature-settings:'kern', 'liga', 'calt';
1799
1853
  color:var(--_rs-typography-base-color);
1800
1854
  }
@@ -1845,7 +1899,6 @@
1845
1899
  font-weight:var(--_rs-typography-font-weight);
1846
1900
  line-height:var(--_rs-typography-line-height);
1847
1901
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1848
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1849
1902
  font-feature-settings:'kern', 'liga', 'calt';
1850
1903
  color:var(--_rs-typography-base-color);
1851
1904
  }
@@ -1896,7 +1949,6 @@
1896
1949
  font-weight:var(--_rs-typography-font-weight);
1897
1950
  line-height:var(--_rs-typography-line-height);
1898
1951
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1899
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1900
1952
  font-feature-settings:'kern', 'liga', 'calt';
1901
1953
  color:var(--_rs-typography-base-color);
1902
1954
  }
@@ -1963,7 +2015,6 @@
1963
2015
  font-weight:var(--_rs-typography-font-weight);
1964
2016
  line-height:var(--_rs-typography-line-height);
1965
2017
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
1966
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
1967
2018
  font-feature-settings:'kern', 'liga', 'calt';
1968
2019
  color:var(--_rs-typography-base-color);
1969
2020
  }
@@ -2030,7 +2081,6 @@
2030
2081
  font-weight:var(--_rs-typography-font-weight);
2031
2082
  line-height:var(--_rs-typography-line-height);
2032
2083
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2033
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2034
2084
  font-feature-settings:'kern', 'liga', 'calt';
2035
2085
  color:var(--_rs-typography-base-color);
2036
2086
  }
@@ -2087,7 +2137,6 @@
2087
2137
  font-weight:var(--_rs-typography-font-weight);
2088
2138
  line-height:var(--_rs-typography-line-height);
2089
2139
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2090
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2091
2140
  font-feature-settings:'kern', 'liga', 'calt';
2092
2141
  color:var(--_rs-typography-base-color);
2093
2142
  }
@@ -2144,7 +2193,6 @@
2144
2193
  font-weight:var(--_rs-typography-font-weight);
2145
2194
  line-height:var(--_rs-typography-line-height);
2146
2195
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2147
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2148
2196
  font-feature-settings:'kern', 'liga', 'calt';
2149
2197
  color:var(--_rs-typography-base-color);
2150
2198
  }
@@ -2201,7 +2249,6 @@
2201
2249
  font-weight:var(--_rs-typography-font-weight);
2202
2250
  line-height:var(--_rs-typography-line-height);
2203
2251
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2204
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2205
2252
  font-feature-settings:'kern', 'liga', 'calt';
2206
2253
  color:var(--_rs-typography-base-color);
2207
2254
  }
@@ -2255,7 +2302,6 @@
2255
2302
  font-weight:var(--_rs-typography-font-weight);
2256
2303
  line-height:var(--_rs-typography-line-height);
2257
2304
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
2258
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2259
2305
  font-feature-settings:'kern', 'liga', 'calt';
2260
2306
  color:var(--_rs-typography-base-color);
2261
2307
  }
@@ -2289,7 +2335,6 @@
2289
2335
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2290
2336
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2291
2337
  );
2292
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2293
2338
  font-feature-settings:'kern', 'liga', 'calt';
2294
2339
  > li{
2295
2340
  position:relative;
@@ -2349,7 +2394,6 @@
2349
2394
  BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
2350
2395
  'Droid Sans', 'Helvetica Neue', Arial, sans-serif)
2351
2396
  );
2352
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
2353
2397
  font-feature-settings:'kern', 'liga', 'calt';
2354
2398
  > li{
2355
2399
  position:relative;
@@ -2395,7 +2439,6 @@
2395
2439
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
2396
2440
  0.1
2397
2441
  );
2398
- -webkit-box-sizing:border-box;
2399
2442
  box-sizing:border-box;
2400
2443
  padding:0.11111em 0.44444em;
2401
2444
  border-radius:4px;
@@ -2424,7 +2467,6 @@
2424
2467
  );
2425
2468
  display:block;
2426
2469
  overflow:auto;
2427
- -webkit-box-sizing:border-box;
2428
2470
  box-sizing:border-box;
2429
2471
  width:100%;
2430
2472
  max-width:100%;
@@ -2554,38 +2596,85 @@
2554
2596
  --_rs-typography-link-transition,
2555
2597
  none
2556
2598
  );
2557
- padding-bottom:1px;
2558
- border-bottom-width:var(--_rs-typography-link-border-bottom-width-wf);
2599
+ --_rs-typography-link-padding-bottom-final:var(
2600
+ --_rs-typography-link-padding-bottom-from-state-hover,
2601
+ 1px
2602
+ );
2603
+ --_rs-typography-link-border-bottom-width-final:var(
2604
+ --_rs-typography-link-border-bottom-width-from-state-hover,
2605
+ var(--_rs-typography-link-border-bottom-width-wf)
2606
+ );
2607
+ --_rs-typography-link-border-bottom-color-final:var(
2608
+ --_rs-typography-link-border-bottom-color-from-state-hover,
2609
+ var(--_rs-typography-link-underline-color-wf)
2610
+ );
2611
+ --_rs-typography-link-border-image-final:var(
2612
+ --_rs-typography-link-border-image-from-state-hover,
2613
+ initial
2614
+ );
2615
+ --_rs-typography-link-color-final:var(
2616
+ --_rs-typography-link-color-from-state-hover,
2617
+ var(--_rs-typography-link-color-wf)
2618
+ );
2619
+ --_rs-typography-link-background-size-final:var(
2620
+ --_rs-typography-link-background-size-from-state-hover,
2621
+ auto 0
2622
+ );
2623
+ --_rs-typography-link-after-margin-right-final:var(
2624
+ --_rs-typography-link-after-margin-right-from-state-hover,
2625
+ var(--_rs-typography-link-after-offset-right-wf)
2626
+ );
2627
+ --_rs-typography-link-after-margin-left-final:var(
2628
+ --_rs-typography-link-after-margin-left-from-state-hover,
2629
+ var(--_rs-typography-link-after-offset-left-wf)
2630
+ );
2631
+ --_rs-typography-link-box-shadow-final:var(
2632
+ --_rs-typography-link-box-shadow-from-state-focus-visible,
2633
+ initial
2634
+ );
2635
+ padding-bottom:var(--_rs-typography-link-padding-bottom-final);
2636
+ border-bottom-width:var(--_rs-typography-link-border-bottom-width-final);
2559
2637
  border-bottom-style:solid;
2560
- border-bottom-color:var(--_rs-typography-link-underline-color-wf);
2638
+ border-bottom-color:var(--_rs-typography-link-border-bottom-color-final);
2639
+ -o-border-image:var(--_rs-typography-link-border-image-final);
2640
+ border-image:var(--_rs-typography-link-border-image-final);
2561
2641
  outline:none;
2562
2642
  cursor:pointer;
2563
2643
  text-decoration:none;
2564
- color:var(--_rs-typography-link-color-wf);
2644
+ color:var(--_rs-typography-link-color-final);
2565
2645
  background-image:var(--_rs-typography-link-background-image-wf);
2566
2646
  background-repeat:repeat-x;
2567
2647
  background-position:left calc(100% + 4px);
2568
- background-size:auto 0;
2648
+ background-size:var(--_rs-typography-link-background-size-final);
2649
+ box-shadow:var(--_rs-typography-link-box-shadow-final);
2569
2650
  font-size:inherit;
2570
2651
  line-height:inherit;
2571
- -webkit-transition:var(--_rs-typography-link-transition-wf);
2572
2652
  transition:var(--_rs-typography-link-transition-wf);
2573
2653
  &:active,
2574
2654
  &:focus{
2575
- color:var(--_rs-typography-link-color-wf);
2655
+ color:var(--_rs-typography-link-color-final);
2576
2656
  }
2577
2657
  &:hover{
2578
- padding-bottom:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
2579
-
2580
- border-bottom-width:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
2581
- border-bottom-color:var(--_rs-typography-link-hover-underline-color-wf);
2582
- -o-border-image:var(--_rs-typography-link-hover-border-image-wf);
2583
- border-image:var(--_rs-typography-link-hover-border-image-wf);
2658
+ --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
2659
+ --_rs-typography-link-border-bottom-width-from-state-hover:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
2660
+ --_rs-typography-link-border-bottom-color-from-state-hover:var(
2661
+ --_rs-typography-link-hover-underline-color-wf
2662
+ );
2663
+ --_rs-typography-link-border-image-from-state-hover:var(
2664
+ --_rs-typography-link-hover-border-image-wf
2665
+ );
2666
+ --_rs-typography-link-color-from-state-hover:var(
2667
+ --_rs-typography-link-hover-color-wf
2668
+ );
2669
+ --_rs-typography-link-background-size-from-state-hover:auto calc(100% + 4px);
2670
+ --_rs-typography-link-after-margin-right-from-state-hover:var(
2671
+ --_rs-typography-link-hover-after-offset-right-wf
2672
+ );
2673
+ --_rs-typography-link-after-margin-left-from-state-hover:var(
2674
+ --_rs-typography-link-hover-after-offset-left-wf
2675
+ );
2584
2676
 
2585
2677
  text-decoration:none;
2586
-
2587
- color:var(--_rs-typography-link-hover-color-wf);
2588
- background-size:auto calc(100% + 4px);
2589
2678
  }
2590
2679
  &:after{
2591
2680
  display:var(
@@ -2593,22 +2682,17 @@
2593
2682
  var(--_rs-typography-link-after-display-wf)
2594
2683
  );
2595
2684
 
2596
- margin-right:var(--_rs-typography-link-after-offset-right-wf);
2597
- margin-left:var(--_rs-typography-link-after-offset-left-wf);
2685
+ margin-right:var(--_rs-typography-link-after-margin-right-final);
2686
+ margin-left:var(--_rs-typography-link-after-margin-left-final);
2598
2687
 
2599
2688
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2600
2689
 
2601
- -webkit-transition:margin-right 300ms, margin-left 300ms;
2602
-
2603
2690
  transition:margin-right 300ms, margin-left 300ms;
2604
2691
  }
2605
- &:hover:after{
2606
- margin-right:var(--_rs-typography-link-hover-after-offset-right-wf);
2607
- margin-left:var(--_rs-typography-link-hover-after-offset-left-wf);
2608
- }
2609
2692
  &:focus[data-focus-method='key']{
2610
- -webkit-box-shadow:var(--_rs-color-primary) 0 0 0 4px;
2611
- box-shadow:var(--_rs-color-primary) 0 0 0 4px;
2693
+ --_rs-typography-link-box-shadow-from-state-focus-visible:var(
2694
+ --_rs-color-primary
2695
+ ) 0 0 0 4px;
2612
2696
  }
2613
2697
  }
2614
2698
  @define-mixin rs-text-cn-digits-1{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/typography",
3
- "version": "0.18.2",
3
+ "version": "0.19.1",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -18,8 +18,8 @@
18
18
  "access": "public"
19
19
  },
20
20
  "dependencies": {
21
- "@babel/runtime-corejs3": "^7.14.0",
22
- "@rescui/colors": "^0.2.5",
21
+ "@babel/runtime-corejs3": "^7.26.0",
22
+ "@rescui/colors": "^0.2.6",
23
23
  "classnames": "^2.2.6",
24
24
  "inter-ui": "^3.15.1"
25
25
  },
@@ -29,7 +29,7 @@
29
29
  },
30
30
  "devDependencies": {
31
31
  "@rescui/postcss-preset-library": "^0.2.2",
32
- "@rescui/scripts": "^0.3.4",
32
+ "@rescui/scripts": "^0.3.5",
33
33
  "@rescui/visual-regression": "^0.1.2",
34
34
  "case": "^1.6.3",
35
35
  "fs-extra": "^7.0.1",
@@ -43,5 +43,5 @@
43
43
  "build-mixins": "rescui-scripts build-pcss-api --file mixins.p.css"
44
44
  },
45
45
  "nx": {},
46
- "gitHead": "dd4daa4d090de538f8e90608cc39027ea8018603"
46
+ "gitHead": "67627f69be3de4b4c6a21244fd7de36e841f01f0"
47
47
  }