@rescui/typography 0.13.0 → 0.14.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.
- package/lib/create-text-cn.d.ts +1 -1
- package/lib/create-text-cn.js +1 -1
- package/lib/index.css +60 -0
- package/lib/mixins.p.css +66 -0
- package/lib/mixins.pcss +66 -0
- package/package.json +2 -2
package/lib/create-text-cn.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export declare type Texts = 'rs-text-1' | 'rs-text-2' | 'rs-text-3';
|
|
|
5
5
|
export declare type Link = 'rs-link';
|
|
6
6
|
export declare type OrderedList = 'rs-ol';
|
|
7
7
|
export declare type UnorderedList = 'rs-ul';
|
|
8
|
-
export declare type Others = 'rs-super-hero' | 'rs-digits-1' | 'rs-digits-2' | 'rs-hero' | 'rs-subtitle-1' | 'rs-h1' | 'rs-subtitle-2' | 'rs-h2' | 'rs-h3' | 'rs-h4' | 'rs-h5' | 'rs-overline' | 'rs-pre' | 'rs-code' | 'rs-link' | 'rs-article';
|
|
8
|
+
export declare type Others = 'rs-super-hero' | 'rs-middle-hero' | 'rs-digits-1' | 'rs-digits-2' | 'rs-hero' | 'rs-subtitle-1' | 'rs-h1' | 'rs-subtitle-2' | 'rs-h2' | 'rs-h3' | 'rs-h4' | 'rs-h5' | 'rs-overline' | 'rs-pre' | 'rs-code' | 'rs-link' | 'rs-article';
|
|
9
9
|
export declare type Type = Texts | Link | OrderedList | Others | UnorderedList;
|
|
10
10
|
export declare type Hardness = 'average' | 'hard' | 'pale';
|
|
11
11
|
export declare type TextsParams = {
|
package/lib/create-text-cn.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
2
2
|
import { useTheme } from '@rescui/ui-contexts';
|
|
3
3
|
import bemCnFast from 'bem-cn-fast';
|
|
4
|
-
var THEMED_TYPES = ['rs-super-hero', 'rs-digits-1', 'rs-digits-2', 'rs-hero', 'rs-subtitle-1', 'rs-h1', 'rs-subtitle-2', 'rs-h2', 'rs-h3', 'rs-h4', 'rs-h5', 'rs-overline', 'rs-pre', 'rs-code', 'rs-link', 'rs-article', 'rs-text-1', 'rs-text-2', 'rs-text-3', 'rs-link'];
|
|
4
|
+
var THEMED_TYPES = ['rs-super-hero', 'rs-middle-hero', 'rs-digits-1', 'rs-digits-2', 'rs-hero', 'rs-subtitle-1', 'rs-h1', 'rs-subtitle-2', 'rs-h2', 'rs-h3', 'rs-h4', 'rs-h5', 'rs-overline', 'rs-pre', 'rs-code', 'rs-link', 'rs-article', 'rs-text-1', 'rs-text-2', 'rs-text-3', 'rs-link'];
|
|
5
5
|
|
|
6
6
|
function createTextCn(theme) {
|
|
7
7
|
if (!theme) {
|
package/lib/index.css
CHANGED
|
@@ -45,6 +45,48 @@
|
|
|
45
45
|
color:#FFFFFF;
|
|
46
46
|
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
47
47
|
}
|
|
48
|
+
.rs-middle-hero{
|
|
49
|
+
letter-spacing:-0.008em;
|
|
50
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
51
|
+
font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
|
|
52
|
+
-webkit-font-feature-settings:"kern", "liga", "calt";
|
|
53
|
+
font-feature-settings:"kern", "liga", "calt";
|
|
54
|
+
font-size:92px;
|
|
55
|
+
font-size:var(--rs-middle-hero-font-size, 92px);
|
|
56
|
+
font-weight:600;
|
|
57
|
+
font-weight:var(--rs-font-weight-semi-bold, 600);
|
|
58
|
+
line-height:92px;
|
|
59
|
+
line-height:var(--rs-middle-hero-line-height, 92px);
|
|
60
|
+
}
|
|
61
|
+
@media screen and (max-width: 1000px){
|
|
62
|
+
.rs-middle-hero{
|
|
63
|
+
--rs-middle-hero-font-size:var(--rs-hero-font-size, 72px);
|
|
64
|
+
--rs-middle-hero-line-height:var(--rs-hero-line-height, 72px);
|
|
65
|
+
letter-spacing:-0.005em;
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
@media screen and (max-width: 640px){
|
|
69
|
+
.rs-middle-hero{
|
|
70
|
+
--rs-middle-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
|
|
71
|
+
--rs-middle-hero-line-height:var(--rs-hero-line-height-mobile, 50px);
|
|
72
|
+
letter-spacing:-0.001em;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
.rs-reset-letter-spacing .rs-middle-hero{
|
|
76
|
+
letter-spacing:normal;
|
|
77
|
+
}
|
|
78
|
+
.rs-middle-hero {
|
|
79
|
+
color:#19191C;
|
|
80
|
+
color:var(--rs-typography-color-hard, #19191C);
|
|
81
|
+
}
|
|
82
|
+
.rs-middle-hero_theme_dark{
|
|
83
|
+
color:#FFFFFF;
|
|
84
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
85
|
+
}
|
|
86
|
+
[class*='_theme_dark'] .rs-middle-hero_theme_auto{
|
|
87
|
+
color:#FFFFFF;
|
|
88
|
+
color:var(--rs-typography-color-hard, #FFFFFF);
|
|
89
|
+
}
|
|
48
90
|
.rs-digits-1{
|
|
49
91
|
letter-spacing:-0.005em;
|
|
50
92
|
font-variant-numeric:tabular-nums;
|
|
@@ -886,6 +928,14 @@
|
|
|
886
928
|
border-bottom-width:2px
|
|
887
929
|
}
|
|
888
930
|
}
|
|
931
|
+
[class*="rs-middle-hero"] .rs-link{
|
|
932
|
+
border-bottom-width:3px;
|
|
933
|
+
}
|
|
934
|
+
@media screen and (max-width: 640px){
|
|
935
|
+
[class*="rs-middle-hero"] .rs-link{
|
|
936
|
+
border-bottom-width:2px
|
|
937
|
+
}
|
|
938
|
+
}
|
|
889
939
|
[class*="rs-hero"] .rs-link{
|
|
890
940
|
border-bottom-width:3px;
|
|
891
941
|
}
|
|
@@ -938,6 +988,14 @@
|
|
|
938
988
|
border-bottom-width:3px
|
|
939
989
|
}
|
|
940
990
|
}
|
|
991
|
+
[class*="rs-middle-hero"] .rs-link_mode_classic:hover{
|
|
992
|
+
border-bottom-width:4px;
|
|
993
|
+
}
|
|
994
|
+
@media screen and (max-width: 640px){
|
|
995
|
+
[class*="rs-middle-hero"] .rs-link_mode_classic:hover{
|
|
996
|
+
border-bottom-width:3px
|
|
997
|
+
}
|
|
998
|
+
}
|
|
941
999
|
[class*="rs-hero"] .rs-link_mode_classic:hover{
|
|
942
1000
|
border-bottom-width:4px;
|
|
943
1001
|
}
|
|
@@ -1008,6 +1066,7 @@
|
|
|
1008
1066
|
margin-left:0.3em;
|
|
1009
1067
|
}
|
|
1010
1068
|
[class*="rs-super-hero"] .rs-link_mode_standalone,
|
|
1069
|
+
[class*="rs-middle-hero"] .rs-link_mode_standalone,
|
|
1011
1070
|
[class*="rs-hero"] .rs-link_mode_standalone,
|
|
1012
1071
|
[class*="rs-h1"] .rs-link_mode_standalone,
|
|
1013
1072
|
[class*="rs-h2"] .rs-link_mode_standalone{
|
|
@@ -1023,6 +1082,7 @@
|
|
|
1023
1082
|
content:'\2197';
|
|
1024
1083
|
}
|
|
1025
1084
|
[class*="rs-super-hero"] .rs-link_mode_standalone.rs-link_external,
|
|
1085
|
+
[class*="rs-middle-hero"] .rs-link_mode_standalone.rs-link_external,
|
|
1026
1086
|
[class*="rs-hero"] .rs-link_mode_standalone.rs-link_external,
|
|
1027
1087
|
[class*="rs-h1"] .rs-link_mode_standalone.rs-link_external,
|
|
1028
1088
|
[class*="rs-h2"] .rs-link_mode_standalone.rs-link_external{
|
package/lib/mixins.p.css
CHANGED
|
@@ -91,6 +91,52 @@
|
|
|
91
91
|
margin-top:96px;
|
|
92
92
|
margin-top:calc(var(--rs-flow-unit, 8px)*12);
|
|
93
93
|
}
|
|
94
|
+
@define-mixin rs-middle-hero-base{
|
|
95
|
+
letter-spacing:-0.008em;
|
|
96
|
+
|
|
97
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
98
|
+
|
|
99
|
+
font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
|
|
100
|
+
-webkit-font-feature-settings:"kern", "liga", "calt";
|
|
101
|
+
font-feature-settings:"kern", "liga", "calt";
|
|
102
|
+
|
|
103
|
+
font-size:92px;
|
|
104
|
+
|
|
105
|
+
font-size:var(--rs-middle-hero-font-size, 92px);
|
|
106
|
+
font-weight:600;
|
|
107
|
+
font-weight:var(--rs-font-weight-semi-bold, 600);
|
|
108
|
+
|
|
109
|
+
line-height:92px;
|
|
110
|
+
|
|
111
|
+
line-height:var(--rs-middle-hero-line-height, 92px);
|
|
112
|
+
|
|
113
|
+
@media screen and (max-width: 1000px){
|
|
114
|
+
--rs-middle-hero-font-size:var(--rs-hero-font-size, 72px);
|
|
115
|
+
--rs-middle-hero-line-height:var(--rs-hero-line-height, 72px);
|
|
116
|
+
letter-spacing:-0.005em;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@media screen and (max-width: 640px){
|
|
120
|
+
--rs-middle-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
|
|
121
|
+
--rs-middle-hero-line-height:var(--rs-hero-line-height-mobile, 50px);
|
|
122
|
+
letter-spacing:-0.001em;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.rs-reset-letter-spacing &{
|
|
126
|
+
letter-spacing:normal;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
@define-mixin rs-middle-hero{
|
|
130
|
+
@mixin rs-middle-hero-base;
|
|
131
|
+
@mixin rs-text-hardness-hard;
|
|
132
|
+
}
|
|
133
|
+
@define-mixin rs-middle-hero-theme-dark{
|
|
134
|
+
@mixin rs-text-hardness-hard-theme-dark;
|
|
135
|
+
}
|
|
136
|
+
@define-mixin rs-middle-hero-offset-top{
|
|
137
|
+
margin-top:96px;
|
|
138
|
+
margin-top:calc(var(--rs-flow-unit, 8px)*12);
|
|
139
|
+
}
|
|
94
140
|
@define-mixin rs-digits-1-base{
|
|
95
141
|
letter-spacing:-0.005em;
|
|
96
142
|
|
|
@@ -892,6 +938,17 @@
|
|
|
892
938
|
}
|
|
893
939
|
}
|
|
894
940
|
|
|
941
|
+
[class*="rs-middle-hero"] &{
|
|
942
|
+
border-bottom-width:3px;
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
@media screen and (max-width: 640px){
|
|
946
|
+
|
|
947
|
+
[class*="rs-middle-hero"] &{
|
|
948
|
+
border-bottom-width:2px
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
|
|
895
952
|
[class*="rs-hero"] &{
|
|
896
953
|
border-bottom-width:3px;
|
|
897
954
|
}
|
|
@@ -953,6 +1010,15 @@
|
|
|
953
1010
|
border-bottom-width:3px
|
|
954
1011
|
}
|
|
955
1012
|
}
|
|
1013
|
+
[class*="rs-middle-hero"] &:hover{
|
|
1014
|
+
border-bottom-width:4px;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
@media screen and (max-width: 640px){
|
|
1018
|
+
[class*="rs-middle-hero"] &:hover{
|
|
1019
|
+
border-bottom-width:3px
|
|
1020
|
+
}
|
|
1021
|
+
}
|
|
956
1022
|
[class*="rs-hero"] &:hover{
|
|
957
1023
|
border-bottom-width:4px;
|
|
958
1024
|
}
|
package/lib/mixins.pcss
CHANGED
|
@@ -91,6 +91,52 @@
|
|
|
91
91
|
margin-top:96px;
|
|
92
92
|
margin-top:calc(var(--rs-flow-unit, 8px)*12);
|
|
93
93
|
}
|
|
94
|
+
@define-mixin rs-middle-hero-base{
|
|
95
|
+
letter-spacing:-0.008em;
|
|
96
|
+
|
|
97
|
+
font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
|
|
98
|
+
|
|
99
|
+
font-family:var(--rs-font-family-headers, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
|
|
100
|
+
-webkit-font-feature-settings:"kern", "liga", "calt";
|
|
101
|
+
font-feature-settings:"kern", "liga", "calt";
|
|
102
|
+
|
|
103
|
+
font-size:92px;
|
|
104
|
+
|
|
105
|
+
font-size:var(--rs-middle-hero-font-size, 92px);
|
|
106
|
+
font-weight:600;
|
|
107
|
+
font-weight:var(--rs-font-weight-semi-bold, 600);
|
|
108
|
+
|
|
109
|
+
line-height:92px;
|
|
110
|
+
|
|
111
|
+
line-height:var(--rs-middle-hero-line-height, 92px);
|
|
112
|
+
|
|
113
|
+
@media screen and (max-width: 1000px){
|
|
114
|
+
--rs-middle-hero-font-size:var(--rs-hero-font-size, 72px);
|
|
115
|
+
--rs-middle-hero-line-height:var(--rs-hero-line-height, 72px);
|
|
116
|
+
letter-spacing:-0.005em;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
@media screen and (max-width: 640px){
|
|
120
|
+
--rs-middle-hero-font-size:var(--rs-hero-font-size-mobile, 42px);
|
|
121
|
+
--rs-middle-hero-line-height:var(--rs-hero-line-height-mobile, 50px);
|
|
122
|
+
letter-spacing:-0.001em;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.rs-reset-letter-spacing &{
|
|
126
|
+
letter-spacing:normal;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
@define-mixin rs-middle-hero{
|
|
130
|
+
@mixin rs-middle-hero-base;
|
|
131
|
+
@mixin rs-text-hardness-hard;
|
|
132
|
+
}
|
|
133
|
+
@define-mixin rs-middle-hero-theme-dark{
|
|
134
|
+
@mixin rs-text-hardness-hard-theme-dark;
|
|
135
|
+
}
|
|
136
|
+
@define-mixin rs-middle-hero-offset-top{
|
|
137
|
+
margin-top:96px;
|
|
138
|
+
margin-top:calc(var(--rs-flow-unit, 8px)*12);
|
|
139
|
+
}
|
|
94
140
|
@define-mixin rs-digits-1-base{
|
|
95
141
|
letter-spacing:-0.005em;
|
|
96
142
|
|
|
@@ -892,6 +938,17 @@
|
|
|
892
938
|
}
|
|
893
939
|
}
|
|
894
940
|
|
|
941
|
+
[class*="rs-middle-hero"] &{
|
|
942
|
+
border-bottom-width:3px;
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
@media screen and (max-width: 640px){
|
|
946
|
+
|
|
947
|
+
[class*="rs-middle-hero"] &{
|
|
948
|
+
border-bottom-width:2px
|
|
949
|
+
}
|
|
950
|
+
}
|
|
951
|
+
|
|
895
952
|
[class*="rs-hero"] &{
|
|
896
953
|
border-bottom-width:3px;
|
|
897
954
|
}
|
|
@@ -953,6 +1010,15 @@
|
|
|
953
1010
|
border-bottom-width:3px
|
|
954
1011
|
}
|
|
955
1012
|
}
|
|
1013
|
+
[class*="rs-middle-hero"] &:hover{
|
|
1014
|
+
border-bottom-width:4px;
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
@media screen and (max-width: 640px){
|
|
1018
|
+
[class*="rs-middle-hero"] &:hover{
|
|
1019
|
+
border-bottom-width:3px
|
|
1020
|
+
}
|
|
1021
|
+
}
|
|
956
1022
|
[class*="rs-hero"] &:hover{
|
|
957
1023
|
border-bottom-width:4px;
|
|
958
1024
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/typography",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"build": "rescui-scripts build --no-css-modules && yarn run build-mixins && shx cp src/font-*.css lib",
|
|
41
41
|
"build-mixins": "rescui-scripts postcss --glob mixins.p.css --config ./.postcssrc-mixins.js --no-clean-out && shx mv lib/mixins.css lib/mixins.p.css && shx cp lib/mixins.p.css lib/mixins.pcss && shx rm lib/mixins.css.map"
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "3be2e2a867635e8ebcb7fbbdfb8ad65a0700a61f"
|
|
44
44
|
}
|