@rescui/typography 0.18.2 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/lib/index-moduled.css +184 -138
  2. package/lib/index-moduled.p.module.css.js +120 -120
  3. package/lib/index.css +69 -23
  4. package/lib/mixins.p.css +69 -23
  5. package/lib/mixins.pcss +69 -23
  6. package/lib/public-api.p.css +165 -47
  7. package/lib/public-api.pcss +165 -47
  8. package/package.json +2 -2
package/lib/index-moduled.p.module.css.js CHANGED
@@ -1,123 +1,123 @@
1
1
  var styles = {
2
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_x109cy_1",
3
- "rs-typography_theme_light": "_rs-typography_theme_light_x109cy_1",
4
- "rs-typography_theme_dark": "_rs-typography_theme_dark_x109cy_1",
5
- "rs-text_hardness_hard": "_rs-text_hardness_hard_x109cy_1",
6
- "rs-text_hardness_average": "_rs-text_hardness_average_x109cy_1",
7
- "rs-text_hardness_pale": "_rs-text_hardness_pale_x109cy_1",
8
- "rs-text_hardness_auto": "_rs-text_hardness_auto_x109cy_1",
9
- "rs-text_color_hard": "_rs-text_color_hard_x109cy_1",
10
- "rs-text_color_average": "_rs-text_color_average_x109cy_1",
11
- "rs-text_color_pale": "_rs-text_color_pale_x109cy_1",
12
- "rs-text_color_base": "_rs-text_color_base_x109cy_1",
13
- "rs-digits-1": "_rs-digits-1_x109cy_1",
14
- "rs-digits-2": "_rs-digits-2_x109cy_1",
15
- "rs-super-hero": "_rs-super-hero_x109cy_1",
16
- "rs-middle-hero": "_rs-middle-hero_x109cy_1",
17
- "rs-hero": "_rs-hero_x109cy_1",
18
- "rs-h1": "_rs-h1_x109cy_1",
19
- "rs-h2": "_rs-h2_x109cy_1",
20
- "rs-h3": "_rs-h3_x109cy_1",
21
- "rs-h4": "_rs-h4_x109cy_1",
22
- "rs-h5": "_rs-h5_x109cy_1",
23
- "rs-subtitle-1": "_rs-subtitle-1_x109cy_1",
24
- "rs-subtitle-2": "_rs-subtitle-2_x109cy_1",
25
- "rs-overline": "_rs-overline_x109cy_1",
26
- "rs-text-1": "_rs-text-1_x109cy_1",
27
- "rs-text-2": "_rs-text-2_x109cy_1",
28
- "rs-text-3": "_rs-text-3_x109cy_1",
29
- "rs-digits-1_theme_light": "_rs-digits-1_theme_light_x109cy_1",
30
- "rs-digits-2_theme_light": "_rs-digits-2_theme_light_x109cy_1",
31
- "rs-super-hero_theme_light": "_rs-super-hero_theme_light_x109cy_1",
32
- "rs-middle-hero_theme_light": "_rs-middle-hero_theme_light_x109cy_1",
33
- "rs-hero_theme_light": "_rs-hero_theme_light_x109cy_1",
34
- "rs-h1_theme_light": "_rs-h1_theme_light_x109cy_1",
35
- "rs-h2_theme_light": "_rs-h2_theme_light_x109cy_1",
36
- "rs-h3_theme_light": "_rs-h3_theme_light_x109cy_1",
37
- "rs-h4_theme_light": "_rs-h4_theme_light_x109cy_1",
38
- "rs-h5_theme_light": "_rs-h5_theme_light_x109cy_1",
39
- "rs-subtitle-1_theme_light": "_rs-subtitle-1_theme_light_x109cy_1",
40
- "rs-subtitle-2_theme_light": "_rs-subtitle-2_theme_light_x109cy_1",
41
- "rs-text-1_theme_light": "_rs-text-1_theme_light_x109cy_1",
42
- "rs-text-2_theme_light": "_rs-text-2_theme_light_x109cy_1",
43
- "rs-text-3_theme_light": "_rs-text-3_theme_light_x109cy_1",
44
- "rs-overline_theme_light": "_rs-overline_theme_light_x109cy_1",
45
- "rs-digits-1_theme_dark": "_rs-digits-1_theme_dark_x109cy_1",
46
- "rs-digits-2_theme_dark": "_rs-digits-2_theme_dark_x109cy_1",
47
- "rs-super-hero_theme_dark": "_rs-super-hero_theme_dark_x109cy_1",
48
- "rs-middle-hero_theme_dark": "_rs-middle-hero_theme_dark_x109cy_1",
49
- "rs-hero_theme_dark": "_rs-hero_theme_dark_x109cy_1",
50
- "rs-h1_theme_dark": "_rs-h1_theme_dark_x109cy_1",
51
- "rs-h2_theme_dark": "_rs-h2_theme_dark_x109cy_1",
52
- "rs-h3_theme_dark": "_rs-h3_theme_dark_x109cy_1",
53
- "rs-h4_theme_dark": "_rs-h4_theme_dark_x109cy_1",
54
- "rs-h5_theme_dark": "_rs-h5_theme_dark_x109cy_1",
55
- "rs-subtitle-1_theme_dark": "_rs-subtitle-1_theme_dark_x109cy_1",
56
- "rs-subtitle-2_theme_dark": "_rs-subtitle-2_theme_dark_x109cy_1",
57
- "rs-text-1_theme_dark": "_rs-text-1_theme_dark_x109cy_1",
58
- "rs-text-2_theme_dark": "_rs-text-2_theme_dark_x109cy_1",
59
- "rs-text-3_theme_dark": "_rs-text-3_theme_dark_x109cy_1",
60
- "rs-overline_theme_dark": "_rs-overline_theme_dark_x109cy_1",
61
- "rs-digits-1_theme_auto": "_rs-digits-1_theme_auto_x109cy_1",
62
- "rs-digits-2_theme_auto": "_rs-digits-2_theme_auto_x109cy_1",
63
- "rs-super-hero_theme_auto": "_rs-super-hero_theme_auto_x109cy_1",
64
- "rs-middle-hero_theme_auto": "_rs-middle-hero_theme_auto_x109cy_1",
65
- "rs-hero_theme_auto": "_rs-hero_theme_auto_x109cy_1",
66
- "rs-h1_theme_auto": "_rs-h1_theme_auto_x109cy_1",
67
- "rs-h2_theme_auto": "_rs-h2_theme_auto_x109cy_1",
68
- "rs-h3_theme_auto": "_rs-h3_theme_auto_x109cy_1",
69
- "rs-h4_theme_auto": "_rs-h4_theme_auto_x109cy_1",
70
- "rs-h5_theme_auto": "_rs-h5_theme_auto_x109cy_1",
71
- "rs-subtitle-1_theme_auto": "_rs-subtitle-1_theme_auto_x109cy_1",
72
- "rs-subtitle-2_theme_auto": "_rs-subtitle-2_theme_auto_x109cy_1",
73
- "rs-text-1_theme_auto": "_rs-text-1_theme_auto_x109cy_1",
74
- "rs-text-2_theme_auto": "_rs-text-2_theme_auto_x109cy_1",
75
- "rs-text-3_theme_auto": "_rs-text-3_theme_auto_x109cy_1",
76
- "rs-overline_theme_auto": "_rs-overline_theme_auto_x109cy_1",
77
- "rs-text-1_hardness_hard": "_rs-text-1_hardness_hard_x109cy_1",
78
- "rs-text-2_hardness_hard": "_rs-text-2_hardness_hard_x109cy_1",
79
- "rs-text-3_hardness_hard": "_rs-text-3_hardness_hard_x109cy_1",
80
- "rs-text-1_hardness_average": "_rs-text-1_hardness_average_x109cy_1",
81
- "rs-text-2_hardness_average": "_rs-text-2_hardness_average_x109cy_1",
82
- "rs-text-3_hardness_average": "_rs-text-3_hardness_average_x109cy_1",
83
- "rs-text-1_hardness_pale": "_rs-text-1_hardness_pale_x109cy_1",
84
- "rs-text-2_hardness_pale": "_rs-text-2_hardness_pale_x109cy_1",
85
- "rs-text-3_hardness_pale": "_rs-text-3_hardness_pale_x109cy_1",
86
- "rs-text-1_paragraph-offset-auto": "_rs-text-1_paragraph-offset-auto_x109cy_1",
87
- "rs-text-2_paragraph-offset-auto": "_rs-text-2_paragraph-offset-auto_x109cy_1",
88
- "rs-text-3_paragraph-offset-auto": "_rs-text-3_paragraph-offset-auto_x109cy_1",
89
- "rs-text_paragraph-offset-auto": "_rs-text_paragraph-offset-auto_x109cy_1",
90
- "rs-ul": "_rs-ul_x109cy_1",
91
- "rs-ol": "_rs-ol_x109cy_1",
92
- "rs-ul_offset-items_8": "_rs-ul_offset-items_8_x109cy_1",
93
- "rs-ol_offset-items_8": "_rs-ol_offset-items_8_x109cy_1",
94
- "rs-ul_offset-items_12": "_rs-ul_offset-items_12_x109cy_1",
95
- "rs-ol_offset-items_12": "_rs-ol_offset-items_12_x109cy_1",
96
- "rs-ul_offset-items_16": "_rs-ul_offset-items_16_x109cy_1",
97
- "rs-ol_offset-items_16": "_rs-ol_offset-items_16_x109cy_1",
98
- "rs-ul_offset-items_24": "_rs-ul_offset-items_24_x109cy_1",
99
- "rs-ol_offset-items_24": "_rs-ol_offset-items_24_x109cy_1",
100
- "rs-ol_alpha_lower": "_rs-ol_alpha_lower_x109cy_1",
101
- "rs-ol_alpha_upper": "_rs-ol_alpha_upper_x109cy_1",
102
- "rs-code": "_rs-code_x109cy_1",
103
- "rs-pre": "_rs-pre_x109cy_1",
104
- "rs-link_mode_classic": "_rs-link_mode_classic_x109cy_1",
105
- "rs-link_mode_rock": "_rs-link_mode_rock_x109cy_1",
106
- "rs-link_mode_standalone": "_rs-link_mode_standalone_x109cy_1",
107
- "rs-link_mode_clear": "_rs-link_mode_clear_x109cy_1",
108
- "rs-link_hardness_hard": "_rs-link_hardness_hard_x109cy_1",
109
- "rs-link_hardness_average": "_rs-link_hardness_average_x109cy_1",
110
- "rs-link_hardness_pale": "_rs-link_hardness_pale_x109cy_1",
111
- "rs-link_external": "_rs-link_external_x109cy_1",
112
- "rs-link": "_rs-link_x109cy_1",
113
- "rs-code_theme_light": "_rs-code_theme_light_x109cy_1",
114
- "rs-pre_theme_light": "_rs-pre_theme_light_x109cy_1",
115
- "rs-link_theme_light": "_rs-link_theme_light_x109cy_1",
116
- "rs-code_theme_dark": "_rs-code_theme_dark_x109cy_1",
117
- "rs-pre_theme_dark": "_rs-pre_theme_dark_x109cy_1",
118
- "rs-link_theme_dark": "_rs-link_theme_dark_x109cy_1",
119
- "rs-code_theme_auto": "_rs-code_theme_auto_x109cy_1",
120
- "rs-pre_theme_auto": "_rs-pre_theme_auto_x109cy_1",
121
- "rs-link_theme_auto": "_rs-link_theme_auto_x109cy_1"
2
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_18dgpd9_1",
3
+ "rs-typography_theme_light": "_rs-typography_theme_light_18dgpd9_1",
4
+ "rs-typography_theme_dark": "_rs-typography_theme_dark_18dgpd9_1",
5
+ "rs-text_hardness_hard": "_rs-text_hardness_hard_18dgpd9_1",
6
+ "rs-text_hardness_average": "_rs-text_hardness_average_18dgpd9_1",
7
+ "rs-text_hardness_pale": "_rs-text_hardness_pale_18dgpd9_1",
8
+ "rs-text_hardness_auto": "_rs-text_hardness_auto_18dgpd9_1",
9
+ "rs-text_color_hard": "_rs-text_color_hard_18dgpd9_1",
10
+ "rs-text_color_average": "_rs-text_color_average_18dgpd9_1",
11
+ "rs-text_color_pale": "_rs-text_color_pale_18dgpd9_1",
12
+ "rs-text_color_base": "_rs-text_color_base_18dgpd9_1",
13
+ "rs-digits-1": "_rs-digits-1_18dgpd9_1",
14
+ "rs-digits-2": "_rs-digits-2_18dgpd9_1",
15
+ "rs-super-hero": "_rs-super-hero_18dgpd9_1",
16
+ "rs-middle-hero": "_rs-middle-hero_18dgpd9_1",
17
+ "rs-hero": "_rs-hero_18dgpd9_1",
18
+ "rs-h1": "_rs-h1_18dgpd9_1",
19
+ "rs-h2": "_rs-h2_18dgpd9_1",
20
+ "rs-h3": "_rs-h3_18dgpd9_1",
21
+ "rs-h4": "_rs-h4_18dgpd9_1",
22
+ "rs-h5": "_rs-h5_18dgpd9_1",
23
+ "rs-subtitle-1": "_rs-subtitle-1_18dgpd9_1",
24
+ "rs-subtitle-2": "_rs-subtitle-2_18dgpd9_1",
25
+ "rs-overline": "_rs-overline_18dgpd9_1",
26
+ "rs-text-1": "_rs-text-1_18dgpd9_1",
27
+ "rs-text-2": "_rs-text-2_18dgpd9_1",
28
+ "rs-text-3": "_rs-text-3_18dgpd9_1",
29
+ "rs-digits-1_theme_light": "_rs-digits-1_theme_light_18dgpd9_1",
30
+ "rs-digits-2_theme_light": "_rs-digits-2_theme_light_18dgpd9_1",
31
+ "rs-super-hero_theme_light": "_rs-super-hero_theme_light_18dgpd9_1",
32
+ "rs-middle-hero_theme_light": "_rs-middle-hero_theme_light_18dgpd9_1",
33
+ "rs-hero_theme_light": "_rs-hero_theme_light_18dgpd9_1",
34
+ "rs-h1_theme_light": "_rs-h1_theme_light_18dgpd9_1",
35
+ "rs-h2_theme_light": "_rs-h2_theme_light_18dgpd9_1",
36
+ "rs-h3_theme_light": "_rs-h3_theme_light_18dgpd9_1",
37
+ "rs-h4_theme_light": "_rs-h4_theme_light_18dgpd9_1",
38
+ "rs-h5_theme_light": "_rs-h5_theme_light_18dgpd9_1",
39
+ "rs-subtitle-1_theme_light": "_rs-subtitle-1_theme_light_18dgpd9_1",
40
+ "rs-subtitle-2_theme_light": "_rs-subtitle-2_theme_light_18dgpd9_1",
41
+ "rs-text-1_theme_light": "_rs-text-1_theme_light_18dgpd9_1",
42
+ "rs-text-2_theme_light": "_rs-text-2_theme_light_18dgpd9_1",
43
+ "rs-text-3_theme_light": "_rs-text-3_theme_light_18dgpd9_1",
44
+ "rs-overline_theme_light": "_rs-overline_theme_light_18dgpd9_1",
45
+ "rs-digits-1_theme_dark": "_rs-digits-1_theme_dark_18dgpd9_1",
46
+ "rs-digits-2_theme_dark": "_rs-digits-2_theme_dark_18dgpd9_1",
47
+ "rs-super-hero_theme_dark": "_rs-super-hero_theme_dark_18dgpd9_1",
48
+ "rs-middle-hero_theme_dark": "_rs-middle-hero_theme_dark_18dgpd9_1",
49
+ "rs-hero_theme_dark": "_rs-hero_theme_dark_18dgpd9_1",
50
+ "rs-h1_theme_dark": "_rs-h1_theme_dark_18dgpd9_1",
51
+ "rs-h2_theme_dark": "_rs-h2_theme_dark_18dgpd9_1",
52
+ "rs-h3_theme_dark": "_rs-h3_theme_dark_18dgpd9_1",
53
+ "rs-h4_theme_dark": "_rs-h4_theme_dark_18dgpd9_1",
54
+ "rs-h5_theme_dark": "_rs-h5_theme_dark_18dgpd9_1",
55
+ "rs-subtitle-1_theme_dark": "_rs-subtitle-1_theme_dark_18dgpd9_1",
56
+ "rs-subtitle-2_theme_dark": "_rs-subtitle-2_theme_dark_18dgpd9_1",
57
+ "rs-text-1_theme_dark": "_rs-text-1_theme_dark_18dgpd9_1",
58
+ "rs-text-2_theme_dark": "_rs-text-2_theme_dark_18dgpd9_1",
59
+ "rs-text-3_theme_dark": "_rs-text-3_theme_dark_18dgpd9_1",
60
+ "rs-overline_theme_dark": "_rs-overline_theme_dark_18dgpd9_1",
61
+ "rs-digits-1_theme_auto": "_rs-digits-1_theme_auto_18dgpd9_1",
62
+ "rs-digits-2_theme_auto": "_rs-digits-2_theme_auto_18dgpd9_1",
63
+ "rs-super-hero_theme_auto": "_rs-super-hero_theme_auto_18dgpd9_1",
64
+ "rs-middle-hero_theme_auto": "_rs-middle-hero_theme_auto_18dgpd9_1",
65
+ "rs-hero_theme_auto": "_rs-hero_theme_auto_18dgpd9_1",
66
+ "rs-h1_theme_auto": "_rs-h1_theme_auto_18dgpd9_1",
67
+ "rs-h2_theme_auto": "_rs-h2_theme_auto_18dgpd9_1",
68
+ "rs-h3_theme_auto": "_rs-h3_theme_auto_18dgpd9_1",
69
+ "rs-h4_theme_auto": "_rs-h4_theme_auto_18dgpd9_1",
70
+ "rs-h5_theme_auto": "_rs-h5_theme_auto_18dgpd9_1",
71
+ "rs-subtitle-1_theme_auto": "_rs-subtitle-1_theme_auto_18dgpd9_1",
72
+ "rs-subtitle-2_theme_auto": "_rs-subtitle-2_theme_auto_18dgpd9_1",
73
+ "rs-text-1_theme_auto": "_rs-text-1_theme_auto_18dgpd9_1",
74
+ "rs-text-2_theme_auto": "_rs-text-2_theme_auto_18dgpd9_1",
75
+ "rs-text-3_theme_auto": "_rs-text-3_theme_auto_18dgpd9_1",
76
+ "rs-overline_theme_auto": "_rs-overline_theme_auto_18dgpd9_1",
77
+ "rs-text-1_hardness_hard": "_rs-text-1_hardness_hard_18dgpd9_1",
78
+ "rs-text-2_hardness_hard": "_rs-text-2_hardness_hard_18dgpd9_1",
79
+ "rs-text-3_hardness_hard": "_rs-text-3_hardness_hard_18dgpd9_1",
80
+ "rs-text-1_hardness_average": "_rs-text-1_hardness_average_18dgpd9_1",
81
+ "rs-text-2_hardness_average": "_rs-text-2_hardness_average_18dgpd9_1",
82
+ "rs-text-3_hardness_average": "_rs-text-3_hardness_average_18dgpd9_1",
83
+ "rs-text-1_hardness_pale": "_rs-text-1_hardness_pale_18dgpd9_1",
84
+ "rs-text-2_hardness_pale": "_rs-text-2_hardness_pale_18dgpd9_1",
85
+ "rs-text-3_hardness_pale": "_rs-text-3_hardness_pale_18dgpd9_1",
86
+ "rs-text-1_paragraph-offset-auto": "_rs-text-1_paragraph-offset-auto_18dgpd9_1",
87
+ "rs-text-2_paragraph-offset-auto": "_rs-text-2_paragraph-offset-auto_18dgpd9_1",
88
+ "rs-text-3_paragraph-offset-auto": "_rs-text-3_paragraph-offset-auto_18dgpd9_1",
89
+ "rs-text_paragraph-offset-auto": "_rs-text_paragraph-offset-auto_18dgpd9_1",
90
+ "rs-ul": "_rs-ul_18dgpd9_1",
91
+ "rs-ol": "_rs-ol_18dgpd9_1",
92
+ "rs-ul_offset-items_8": "_rs-ul_offset-items_8_18dgpd9_1",
93
+ "rs-ol_offset-items_8": "_rs-ol_offset-items_8_18dgpd9_1",
94
+ "rs-ul_offset-items_12": "_rs-ul_offset-items_12_18dgpd9_1",
95
+ "rs-ol_offset-items_12": "_rs-ol_offset-items_12_18dgpd9_1",
96
+ "rs-ul_offset-items_16": "_rs-ul_offset-items_16_18dgpd9_1",
97
+ "rs-ol_offset-items_16": "_rs-ol_offset-items_16_18dgpd9_1",
98
+ "rs-ul_offset-items_24": "_rs-ul_offset-items_24_18dgpd9_1",
99
+ "rs-ol_offset-items_24": "_rs-ol_offset-items_24_18dgpd9_1",
100
+ "rs-ol_alpha_lower": "_rs-ol_alpha_lower_18dgpd9_1",
101
+ "rs-ol_alpha_upper": "_rs-ol_alpha_upper_18dgpd9_1",
102
+ "rs-code": "_rs-code_18dgpd9_1",
103
+ "rs-pre": "_rs-pre_18dgpd9_1",
104
+ "rs-link_mode_classic": "_rs-link_mode_classic_18dgpd9_1",
105
+ "rs-link_mode_rock": "_rs-link_mode_rock_18dgpd9_1",
106
+ "rs-link_mode_standalone": "_rs-link_mode_standalone_18dgpd9_1",
107
+ "rs-link_mode_clear": "_rs-link_mode_clear_18dgpd9_1",
108
+ "rs-link_hardness_hard": "_rs-link_hardness_hard_18dgpd9_1",
109
+ "rs-link_hardness_average": "_rs-link_hardness_average_18dgpd9_1",
110
+ "rs-link_hardness_pale": "_rs-link_hardness_pale_18dgpd9_1",
111
+ "rs-link_external": "_rs-link_external_18dgpd9_1",
112
+ "rs-link": "_rs-link_18dgpd9_1",
113
+ "rs-code_theme_light": "_rs-code_theme_light_18dgpd9_1",
114
+ "rs-pre_theme_light": "_rs-pre_theme_light_18dgpd9_1",
115
+ "rs-link_theme_light": "_rs-link_theme_light_18dgpd9_1",
116
+ "rs-code_theme_dark": "_rs-code_theme_dark_18dgpd9_1",
117
+ "rs-pre_theme_dark": "_rs-pre_theme_dark_18dgpd9_1",
118
+ "rs-link_theme_dark": "_rs-link_theme_dark_18dgpd9_1",
119
+ "rs-code_theme_auto": "_rs-code_theme_auto_18dgpd9_1",
120
+ "rs-pre_theme_auto": "_rs-pre_theme_auto_18dgpd9_1",
121
+ "rs-link_theme_auto": "_rs-link_theme_auto_18dgpd9_1"
122
122
  };
123
123
  export { styles as default };
package/lib/index.css CHANGED
@@ -1246,18 +1246,58 @@
1246
1246
  --_rs-typography-link-transition,
1247
1247
  none
1248
1248
  );
1249
- padding-bottom:1px;
1250
- border-bottom-width:var(--_rs-typography-link-border-bottom-width-wf);
1249
+ --_rs-typography-link-padding-bottom-final:var(
1250
+ --_rs-typography-link-padding-bottom-from-state-hover,
1251
+ 1px
1252
+ );
1253
+ --_rs-typography-link-border-bottom-width-final:var(
1254
+ --_rs-typography-link-border-bottom-width-from-state-hover,
1255
+ var(--_rs-typography-link-border-bottom-width-wf)
1256
+ );
1257
+ --_rs-typography-link-border-bottom-color-final:var(
1258
+ --_rs-typography-link-border-bottom-color-from-state-hover,
1259
+ var(--_rs-typography-link-underline-color-wf)
1260
+ );
1261
+ --_rs-typography-link-border-image-final:var(
1262
+ --_rs-typography-link-border-image-from-state-hover,
1263
+ initial
1264
+ );
1265
+ --_rs-typography-link-color-final:var(
1266
+ --_rs-typography-link-color-from-state-hover,
1267
+ var(--_rs-typography-link-color-wf)
1268
+ );
1269
+ --_rs-typography-link-background-size-final:var(
1270
+ --_rs-typography-link-background-size-from-state-hover,
1271
+ auto 0
1272
+ );
1273
+ --_rs-typography-link-after-margin-right-final:var(
1274
+ --_rs-typography-link-after-margin-right-from-state-hover,
1275
+ var(--_rs-typography-link-after-offset-right-wf)
1276
+ );
1277
+ --_rs-typography-link-after-margin-left-final:var(
1278
+ --_rs-typography-link-after-margin-left-from-state-hover,
1279
+ var(--_rs-typography-link-after-offset-left-wf)
1280
+ );
1281
+ --_rs-typography-link-box-shadow-final:var(
1282
+ --_rs-typography-link-box-shadow-from-state-focus-visible,
1283
+ initial
1284
+ );
1285
+ padding-bottom:var(--_rs-typography-link-padding-bottom-final);
1286
+ border-bottom-width:var(--_rs-typography-link-border-bottom-width-final);
1251
1287
  border-bottom-style:solid;
1252
- border-bottom-color:var(--_rs-typography-link-underline-color-wf);
1288
+ border-bottom-color:var(--_rs-typography-link-border-bottom-color-final);
1289
+ -o-border-image:var(--_rs-typography-link-border-image-final);
1290
+ border-image:var(--_rs-typography-link-border-image-final);
1253
1291
  outline:none;
1254
1292
  cursor:pointer;
1255
1293
  text-decoration:none;
1256
- color:var(--_rs-typography-link-color-wf);
1294
+ color:var(--_rs-typography-link-color-final);
1257
1295
  background-image:var(--_rs-typography-link-background-image-wf);
1258
1296
  background-repeat:repeat-x;
1259
1297
  background-position:left calc(100% + 4px);
1260
- background-size:auto 0;
1298
+ background-size:var(--_rs-typography-link-background-size-final);
1299
+ -webkit-box-shadow:var(--_rs-typography-link-box-shadow-final);
1300
+ box-shadow:var(--_rs-typography-link-box-shadow-final);
1261
1301
  font-size:inherit;
1262
1302
  line-height:inherit;
1263
1303
  -webkit-transition:var(--_rs-typography-link-transition-wf);
@@ -1265,20 +1305,29 @@
1265
1305
  }
1266
1306
  .rs-link:active,
1267
1307
  .rs-link:focus{
1268
- color:var(--_rs-typography-link-color-wf);
1308
+ color:var(--_rs-typography-link-color-final);
1269
1309
  }
1270
1310
  .rs-link:hover{
1271
- padding-bottom:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
1272
-
1273
- border-bottom-width:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
1274
- border-bottom-color:var(--_rs-typography-link-hover-underline-color-wf);
1275
- -o-border-image:var(--_rs-typography-link-hover-border-image-wf);
1276
- border-image:var(--_rs-typography-link-hover-border-image-wf);
1311
+ --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
1312
+ --_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));
1313
+ --_rs-typography-link-border-bottom-color-from-state-hover:var(
1314
+ --_rs-typography-link-hover-underline-color-wf
1315
+ );
1316
+ --_rs-typography-link-border-image-from-state-hover:var(
1317
+ --_rs-typography-link-hover-border-image-wf
1318
+ );
1319
+ --_rs-typography-link-color-from-state-hover:var(
1320
+ --_rs-typography-link-hover-color-wf
1321
+ );
1322
+ --_rs-typography-link-background-size-from-state-hover:auto calc(100% + 4px);
1323
+ --_rs-typography-link-after-margin-right-from-state-hover:var(
1324
+ --_rs-typography-link-hover-after-offset-right-wf
1325
+ );
1326
+ --_rs-typography-link-after-margin-left-from-state-hover:var(
1327
+ --_rs-typography-link-hover-after-offset-left-wf
1328
+ );
1277
1329
 
1278
1330
  text-decoration:none;
1279
-
1280
- color:var(--_rs-typography-link-hover-color-wf);
1281
- background-size:auto calc(100% + 4px);
1282
1331
  }
1283
1332
  .rs-link:after{
1284
1333
  display:var(
@@ -1286,8 +1335,8 @@
1286
1335
  var(--_rs-typography-link-after-display-wf)
1287
1336
  );
1288
1337
 
1289
- margin-right:var(--_rs-typography-link-after-offset-right-wf);
1290
- margin-left:var(--_rs-typography-link-after-offset-left-wf);
1338
+ margin-right:var(--_rs-typography-link-after-margin-right-final);
1339
+ margin-left:var(--_rs-typography-link-after-margin-left-final);
1291
1340
 
1292
1341
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
1293
1342
 
@@ -1295,13 +1344,10 @@
1295
1344
 
1296
1345
  transition:margin-right 300ms, margin-left 300ms;
1297
1346
  }
1298
- .rs-link:hover:after{
1299
- margin-right:var(--_rs-typography-link-hover-after-offset-right-wf);
1300
- margin-left:var(--_rs-typography-link-hover-after-offset-left-wf);
1301
- }
1302
1347
  .rs-link:focus[data-focus-method='key']{
1303
- -webkit-box-shadow:var(--_rs-color-primary) 0 0 0 4px;
1304
- box-shadow:var(--_rs-color-primary) 0 0 0 4px;
1348
+ --_rs-typography-link-box-shadow-from-state-focus-visible:var(
1349
+ --_rs-color-primary
1350
+ ) 0 0 0 4px;
1305
1351
  }
1306
1352
  .rs-code_theme_light, .rs-pre_theme_light, .rs-link_theme_light{
1307
1353
  --rs-theme-dark:0;
package/lib/mixins.p.css CHANGED
@@ -2612,38 +2612,87 @@
2612
2612
  --_rs-typography-link-transition,
2613
2613
  none
2614
2614
  );
2615
- padding-bottom:1px;
2616
- border-bottom-width:var(--_rs-typography-link-border-bottom-width-wf);
2615
+ --_rs-typography-link-padding-bottom-final:var(
2616
+ --_rs-typography-link-padding-bottom-from-state-hover,
2617
+ 1px
2618
+ );
2619
+ --_rs-typography-link-border-bottom-width-final:var(
2620
+ --_rs-typography-link-border-bottom-width-from-state-hover,
2621
+ var(--_rs-typography-link-border-bottom-width-wf)
2622
+ );
2623
+ --_rs-typography-link-border-bottom-color-final:var(
2624
+ --_rs-typography-link-border-bottom-color-from-state-hover,
2625
+ var(--_rs-typography-link-underline-color-wf)
2626
+ );
2627
+ --_rs-typography-link-border-image-final:var(
2628
+ --_rs-typography-link-border-image-from-state-hover,
2629
+ initial
2630
+ );
2631
+ --_rs-typography-link-color-final:var(
2632
+ --_rs-typography-link-color-from-state-hover,
2633
+ var(--_rs-typography-link-color-wf)
2634
+ );
2635
+ --_rs-typography-link-background-size-final:var(
2636
+ --_rs-typography-link-background-size-from-state-hover,
2637
+ auto 0
2638
+ );
2639
+ --_rs-typography-link-after-margin-right-final:var(
2640
+ --_rs-typography-link-after-margin-right-from-state-hover,
2641
+ var(--_rs-typography-link-after-offset-right-wf)
2642
+ );
2643
+ --_rs-typography-link-after-margin-left-final:var(
2644
+ --_rs-typography-link-after-margin-left-from-state-hover,
2645
+ var(--_rs-typography-link-after-offset-left-wf)
2646
+ );
2647
+ --_rs-typography-link-box-shadow-final:var(
2648
+ --_rs-typography-link-box-shadow-from-state-focus-visible,
2649
+ initial
2650
+ );
2651
+ padding-bottom:var(--_rs-typography-link-padding-bottom-final);
2652
+ border-bottom-width:var(--_rs-typography-link-border-bottom-width-final);
2617
2653
  border-bottom-style:solid;
2618
- border-bottom-color:var(--_rs-typography-link-underline-color-wf);
2654
+ border-bottom-color:var(--_rs-typography-link-border-bottom-color-final);
2655
+ -o-border-image:var(--_rs-typography-link-border-image-final);
2656
+ border-image:var(--_rs-typography-link-border-image-final);
2619
2657
  outline:none;
2620
2658
  cursor:pointer;
2621
2659
  text-decoration:none;
2622
- color:var(--_rs-typography-link-color-wf);
2660
+ color:var(--_rs-typography-link-color-final);
2623
2661
  background-image:var(--_rs-typography-link-background-image-wf);
2624
2662
  background-repeat:repeat-x;
2625
2663
  background-position:left calc(100% + 4px);
2626
- background-size:auto 0;
2664
+ background-size:var(--_rs-typography-link-background-size-final);
2665
+ -webkit-box-shadow:var(--_rs-typography-link-box-shadow-final);
2666
+ box-shadow:var(--_rs-typography-link-box-shadow-final);
2627
2667
  font-size:inherit;
2628
2668
  line-height:inherit;
2629
2669
  -webkit-transition:var(--_rs-typography-link-transition-wf);
2630
2670
  transition:var(--_rs-typography-link-transition-wf);
2631
2671
  &:active,
2632
2672
  &:focus{
2633
- color:var(--_rs-typography-link-color-wf);
2673
+ color:var(--_rs-typography-link-color-final);
2634
2674
  }
2635
2675
  &:hover{
2636
- padding-bottom:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
2637
-
2638
- border-bottom-width:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
2639
- border-bottom-color:var(--_rs-typography-link-hover-underline-color-wf);
2640
- -o-border-image:var(--_rs-typography-link-hover-border-image-wf);
2641
- border-image:var(--_rs-typography-link-hover-border-image-wf);
2676
+ --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
2677
+ --_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));
2678
+ --_rs-typography-link-border-bottom-color-from-state-hover:var(
2679
+ --_rs-typography-link-hover-underline-color-wf
2680
+ );
2681
+ --_rs-typography-link-border-image-from-state-hover:var(
2682
+ --_rs-typography-link-hover-border-image-wf
2683
+ );
2684
+ --_rs-typography-link-color-from-state-hover:var(
2685
+ --_rs-typography-link-hover-color-wf
2686
+ );
2687
+ --_rs-typography-link-background-size-from-state-hover:auto calc(100% + 4px);
2688
+ --_rs-typography-link-after-margin-right-from-state-hover:var(
2689
+ --_rs-typography-link-hover-after-offset-right-wf
2690
+ );
2691
+ --_rs-typography-link-after-margin-left-from-state-hover:var(
2692
+ --_rs-typography-link-hover-after-offset-left-wf
2693
+ );
2642
2694
 
2643
2695
  text-decoration:none;
2644
-
2645
- color:var(--_rs-typography-link-hover-color-wf);
2646
- background-size:auto calc(100% + 4px);
2647
2696
  }
2648
2697
  &:after{
2649
2698
  display:var(
@@ -2651,8 +2700,8 @@
2651
2700
  var(--_rs-typography-link-after-display-wf)
2652
2701
  );
2653
2702
 
2654
- margin-right:var(--_rs-typography-link-after-offset-right-wf);
2655
- margin-left:var(--_rs-typography-link-after-offset-left-wf);
2703
+ margin-right:var(--_rs-typography-link-after-margin-right-final);
2704
+ margin-left:var(--_rs-typography-link-after-margin-left-final);
2656
2705
 
2657
2706
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2658
2707
 
@@ -2660,13 +2709,10 @@
2660
2709
 
2661
2710
  transition:margin-right 300ms, margin-left 300ms;
2662
2711
  }
2663
- &:hover:after{
2664
- margin-right:var(--_rs-typography-link-hover-after-offset-right-wf);
2665
- margin-left:var(--_rs-typography-link-hover-after-offset-left-wf);
2666
- }
2667
2712
  &:focus[data-focus-method='key']{
2668
- -webkit-box-shadow:var(--_rs-color-primary) 0 0 0 4px;
2669
- box-shadow:var(--_rs-color-primary) 0 0 0 4px;
2713
+ --_rs-typography-link-box-shadow-from-state-focus-visible:var(
2714
+ --_rs-color-primary
2715
+ ) 0 0 0 4px;
2670
2716
  }
2671
2717
  }
2672
2718
  @define-mixin rs-link-hardness-hard{
package/lib/mixins.pcss CHANGED
@@ -2612,38 +2612,87 @@
2612
2612
  --_rs-typography-link-transition,
2613
2613
  none
2614
2614
  );
2615
- padding-bottom:1px;
2616
- border-bottom-width:var(--_rs-typography-link-border-bottom-width-wf);
2615
+ --_rs-typography-link-padding-bottom-final:var(
2616
+ --_rs-typography-link-padding-bottom-from-state-hover,
2617
+ 1px
2618
+ );
2619
+ --_rs-typography-link-border-bottom-width-final:var(
2620
+ --_rs-typography-link-border-bottom-width-from-state-hover,
2621
+ var(--_rs-typography-link-border-bottom-width-wf)
2622
+ );
2623
+ --_rs-typography-link-border-bottom-color-final:var(
2624
+ --_rs-typography-link-border-bottom-color-from-state-hover,
2625
+ var(--_rs-typography-link-underline-color-wf)
2626
+ );
2627
+ --_rs-typography-link-border-image-final:var(
2628
+ --_rs-typography-link-border-image-from-state-hover,
2629
+ initial
2630
+ );
2631
+ --_rs-typography-link-color-final:var(
2632
+ --_rs-typography-link-color-from-state-hover,
2633
+ var(--_rs-typography-link-color-wf)
2634
+ );
2635
+ --_rs-typography-link-background-size-final:var(
2636
+ --_rs-typography-link-background-size-from-state-hover,
2637
+ auto 0
2638
+ );
2639
+ --_rs-typography-link-after-margin-right-final:var(
2640
+ --_rs-typography-link-after-margin-right-from-state-hover,
2641
+ var(--_rs-typography-link-after-offset-right-wf)
2642
+ );
2643
+ --_rs-typography-link-after-margin-left-final:var(
2644
+ --_rs-typography-link-after-margin-left-from-state-hover,
2645
+ var(--_rs-typography-link-after-offset-left-wf)
2646
+ );
2647
+ --_rs-typography-link-box-shadow-final:var(
2648
+ --_rs-typography-link-box-shadow-from-state-focus-visible,
2649
+ initial
2650
+ );
2651
+ padding-bottom:var(--_rs-typography-link-padding-bottom-final);
2652
+ border-bottom-width:var(--_rs-typography-link-border-bottom-width-final);
2617
2653
  border-bottom-style:solid;
2618
- border-bottom-color:var(--_rs-typography-link-underline-color-wf);
2654
+ border-bottom-color:var(--_rs-typography-link-border-bottom-color-final);
2655
+ -o-border-image:var(--_rs-typography-link-border-image-final);
2656
+ border-image:var(--_rs-typography-link-border-image-final);
2619
2657
  outline:none;
2620
2658
  cursor:pointer;
2621
2659
  text-decoration:none;
2622
- color:var(--_rs-typography-link-color-wf);
2660
+ color:var(--_rs-typography-link-color-final);
2623
2661
  background-image:var(--_rs-typography-link-background-image-wf);
2624
2662
  background-repeat:repeat-x;
2625
2663
  background-position:left calc(100% + 4px);
2626
- background-size:auto 0;
2664
+ background-size:var(--_rs-typography-link-background-size-final);
2665
+ -webkit-box-shadow:var(--_rs-typography-link-box-shadow-final);
2666
+ box-shadow:var(--_rs-typography-link-box-shadow-final);
2627
2667
  font-size:inherit;
2628
2668
  line-height:inherit;
2629
2669
  -webkit-transition:var(--_rs-typography-link-transition-wf);
2630
2670
  transition:var(--_rs-typography-link-transition-wf);
2631
2671
  &:active,
2632
2672
  &:focus{
2633
- color:var(--_rs-typography-link-color-wf);
2673
+ color:var(--_rs-typography-link-color-final);
2634
2674
  }
2635
2675
  &:hover{
2636
- padding-bottom:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
2637
-
2638
- border-bottom-width:calc(var(--_rs-typography-link-border-bottom-width-wf) + var(--_rs-typography-link-hover-underline-width-difference-wf));
2639
- border-bottom-color:var(--_rs-typography-link-hover-underline-color-wf);
2640
- -o-border-image:var(--_rs-typography-link-hover-border-image-wf);
2641
- border-image:var(--_rs-typography-link-hover-border-image-wf);
2676
+ --_rs-typography-link-padding-bottom-from-state-hover:calc(1px - var(--_rs-typography-link-hover-underline-width-difference-wf));
2677
+ --_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));
2678
+ --_rs-typography-link-border-bottom-color-from-state-hover:var(
2679
+ --_rs-typography-link-hover-underline-color-wf
2680
+ );
2681
+ --_rs-typography-link-border-image-from-state-hover:var(
2682
+ --_rs-typography-link-hover-border-image-wf
2683
+ );
2684
+ --_rs-typography-link-color-from-state-hover:var(
2685
+ --_rs-typography-link-hover-color-wf
2686
+ );
2687
+ --_rs-typography-link-background-size-from-state-hover:auto calc(100% + 4px);
2688
+ --_rs-typography-link-after-margin-right-from-state-hover:var(
2689
+ --_rs-typography-link-hover-after-offset-right-wf
2690
+ );
2691
+ --_rs-typography-link-after-margin-left-from-state-hover:var(
2692
+ --_rs-typography-link-hover-after-offset-left-wf
2693
+ );
2642
2694
 
2643
2695
  text-decoration:none;
2644
-
2645
- color:var(--_rs-typography-link-hover-color-wf);
2646
- background-size:auto calc(100% + 4px);
2647
2696
  }
2648
2697
  &:after{
2649
2698
  display:var(
@@ -2651,8 +2700,8 @@
2651
2700
  var(--_rs-typography-link-after-display-wf)
2652
2701
  );
2653
2702
 
2654
- margin-right:var(--_rs-typography-link-after-offset-right-wf);
2655
- margin-left:var(--_rs-typography-link-after-offset-left-wf);
2703
+ margin-right:var(--_rs-typography-link-after-margin-right-final);
2704
+ margin-left:var(--_rs-typography-link-after-margin-left-final);
2656
2705
 
2657
2706
  content:var(--_rs-typography-link-after-content-or-initial, '\2192');
2658
2707
 
@@ -2660,13 +2709,10 @@
2660
2709
 
2661
2710
  transition:margin-right 300ms, margin-left 300ms;
2662
2711
  }
2663
- &:hover:after{
2664
- margin-right:var(--_rs-typography-link-hover-after-offset-right-wf);
2665
- margin-left:var(--_rs-typography-link-hover-after-offset-left-wf);
2666
- }
2667
2712
  &:focus[data-focus-method='key']{
2668
- -webkit-box-shadow:var(--_rs-color-primary) 0 0 0 4px;
2669
- box-shadow:var(--_rs-color-primary) 0 0 0 4px;
2713
+ --_rs-typography-link-box-shadow-from-state-focus-visible:var(
2714
+ --_rs-color-primary
2715
+ ) 0 0 0 4px;
2670
2716
  }
2671
2717
  }
2672
2718
  @define-mixin rs-link-hardness-hard{