@semi-bot/semi-theme-tt4d 1.0.1 → 1.0.3
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/README.md +2 -3
- package/package.json +1 -1
- package/raw.json +79 -22
- package/scss/_font.scss +9 -9
- package/scss/global.scss +2 -2
- package/scss/local.scss +53 -7
- package/scss/variables.scss +1 -1
- package/semi.css +144 -170
- package/semi.min.css +1 -1
package/README.md
CHANGED
|
@@ -5,12 +5,11 @@ Operator: yunoh
|
|
|
5
5
|
|
|
6
6
|
## Compatibility
|
|
7
7
|
|
|
8
|
-
Compatible with Semi Foundation Version 2.
|
|
8
|
+
Compatible with Semi Foundation Version 2.87.0-beta.0 or newer.
|
|
9
9
|
|
|
10
10
|
## Version Release Note
|
|
11
11
|
|
|
12
|
-
|
|
13
|
-
- Updates styles originally copied from PDS Basic to align more with current TUX. Adjusted corner radius, spacing, and size of various components
|
|
12
|
+
Removed letter spacing from global typography
|
|
14
13
|
|
|
15
14
|
|
|
16
15
|
## Manual
|
package/package.json
CHANGED
package/raw.json
CHANGED
|
@@ -947,7 +947,9 @@
|
|
|
947
947
|
},
|
|
948
948
|
"form": {
|
|
949
949
|
"spacing": {
|
|
950
|
-
"$spacing-form_label-marginTop": "0px"
|
|
950
|
+
"$spacing-form_label-marginTop": "0px",
|
|
951
|
+
"$spacing-form_label-marginBottom": "4px",
|
|
952
|
+
"$spacing-form_extra_posBottom-marginTop": "4px"
|
|
951
953
|
}
|
|
952
954
|
},
|
|
953
955
|
"list": {
|
|
@@ -990,11 +992,15 @@
|
|
|
990
992
|
"$color-input-icon-active": "var(--semi-color-secondary-active)",
|
|
991
993
|
"$color-textarea-icon-hover": "var(--semi-color-secondary-hover)",
|
|
992
994
|
"$color-textarea-icon-active": "var(--semi-color-secondary-active)"
|
|
995
|
+
},
|
|
996
|
+
"height": {
|
|
997
|
+
"$height-input_large": "38px"
|
|
993
998
|
}
|
|
994
999
|
},
|
|
995
1000
|
"modal": {
|
|
996
1001
|
"font": {
|
|
997
|
-
"$font-modal_header-
|
|
1002
|
+
"$font-modal_header-fontSize": "24px",
|
|
1003
|
+
"$font-modal_header-fontWeight": "600"
|
|
998
1004
|
},
|
|
999
1005
|
"width": {
|
|
1000
1006
|
"$width-modal_content-border": "0px"
|
|
@@ -1005,13 +1011,23 @@
|
|
|
1005
1011
|
},
|
|
1006
1012
|
"radio": {
|
|
1007
1013
|
"color": {
|
|
1014
|
+
"$color-radio_primary-bg-hover": "var(--semi-color-secondary-hover)",
|
|
1015
|
+
"$color-radio_primary-bg-active": "var(--semi-color-secondary-active)",
|
|
1016
|
+
"$color-radio_primary-bg-default": "var(--semi-color-secondary)",
|
|
1017
|
+
"$color-radio_checked-border-hover": "var(--semi-color-secondary-hover)",
|
|
1018
|
+
"$color-radio_checked-border-active": "var(--semi-color-secondary-active)",
|
|
1008
1019
|
"$color-radio_primary-outline-focus": "var(--semi-color-secondary-light-active)",
|
|
1009
|
-
"$color-
|
|
1020
|
+
"$color-radio_primary-border-default": "var(--semi-color-secondary)",
|
|
1021
|
+
"$color-radio_cardRadioGroup-bg-checked": "var(--semi-color-fill-0)",
|
|
1022
|
+
"$color-radio_cardRadioGroup_border-active": "var(--semi-color-tertiary)",
|
|
1023
|
+
"$color-radio_addon_buttonRadio-text-checked": "var(--semi-color-secondary)",
|
|
1024
|
+
"$color-radio_cardRadioGroup_checked_border-hover": "var(--semi-color-secondary-hover)",
|
|
1025
|
+
"$color-radio_cardRadioGroup_checked_border-active": "var(--semi-color-secondary-active)"
|
|
1010
1026
|
}
|
|
1011
1027
|
},
|
|
1012
1028
|
"steps": {
|
|
1013
1029
|
"color": {
|
|
1014
|
-
"$color-steps_item_finish-icon": "var(--semi-color-success)",
|
|
1030
|
+
"$color-steps_item_finish-icon": "var(--semi-color-success-hover)",
|
|
1015
1031
|
"$color-steps_main-text-default": "var(--semi-color-text-0)",
|
|
1016
1032
|
"$color-steps_item_done_after-bg": "var(--semi-color-secondary)",
|
|
1017
1033
|
"$color-steps_primary-bg-default": "var(--semi-color-secondary)",
|
|
@@ -1069,7 +1085,7 @@
|
|
|
1069
1085
|
},
|
|
1070
1086
|
"banner": {
|
|
1071
1087
|
"radius": {
|
|
1072
|
-
"$radius-banner": "
|
|
1088
|
+
"$radius-banner": "6px"
|
|
1073
1089
|
},
|
|
1074
1090
|
"spacing": {
|
|
1075
1091
|
"$spacing-banner-paddingX": "16px",
|
|
@@ -1081,19 +1097,25 @@
|
|
|
1081
1097
|
},
|
|
1082
1098
|
"button": {
|
|
1083
1099
|
"font": {
|
|
1084
|
-
"$font-button-fontWeight": "600"
|
|
1100
|
+
"$font-button-fontWeight": "600",
|
|
1101
|
+
"$font-button_large-fontWeight": "600",
|
|
1102
|
+
"$font-button_small-fontWeight": "600"
|
|
1085
1103
|
}
|
|
1086
1104
|
},
|
|
1087
1105
|
"rating": {},
|
|
1088
1106
|
"select": {
|
|
1089
1107
|
"color": {
|
|
1090
|
-
"$color-
|
|
1108
|
+
"$color-select_option-bg-active": "var(--semi-color-fill-1)",
|
|
1109
|
+
"$color-select-option-bg-selected": "var(--semi-color-bg-0)",
|
|
1091
1110
|
"$color-select_clearBtn-text-hover": "var(--semi-color-secondary-hover)"
|
|
1092
1111
|
},
|
|
1093
1112
|
"radius": {
|
|
1094
1113
|
"$radius-select_option": "8px"
|
|
1095
1114
|
},
|
|
1096
1115
|
"spacing": {
|
|
1116
|
+
"$spacing-select_option_list-gap": "4px",
|
|
1117
|
+
"$spacing-select_option-marginBottom": "16px",
|
|
1118
|
+
"$spacing-select_option-paddingBottom": "8px",
|
|
1097
1119
|
"$spacing-select_option_list-paddingLeft": "4px",
|
|
1098
1120
|
"$spacing-select_option_list-paddingRight": "4px"
|
|
1099
1121
|
}
|
|
@@ -1106,7 +1128,9 @@
|
|
|
1106
1128
|
"switch": {},
|
|
1107
1129
|
"upload": {
|
|
1108
1130
|
"color": {
|
|
1109
|
-
"$color-upload_drag_area_icon": "var(--semi-color-tertiary)"
|
|
1131
|
+
"$color-upload_drag_area_icon": "var(--semi-color-tertiary)",
|
|
1132
|
+
"$color-upload_drag_area-bg-hover": "var(--semi-color-secondary-light-default)",
|
|
1133
|
+
"$color-upload_drag_area-border-hover": "var(--semi-color-secondary)"
|
|
1110
1134
|
},
|
|
1111
1135
|
"spacing": {
|
|
1112
1136
|
"$spacing-upload_drag_area-padding": "16px"
|
|
@@ -1149,14 +1173,34 @@
|
|
|
1149
1173
|
"color": {
|
|
1150
1174
|
"$color-cascader-icon-hover": "var(--semi-color-secondary-hover)",
|
|
1151
1175
|
"$color-cascader-icon-active": "var(--semi-color-secondary-active)",
|
|
1152
|
-
"$color-
|
|
1176
|
+
"$color-cascader_select_highlight": "var(--semi-color-secondary)",
|
|
1177
|
+
"$color-cascader_option-bg-selected": "var(--semi-color-fill-0)"
|
|
1153
1178
|
},
|
|
1154
1179
|
"spacing": {
|
|
1180
|
+
"$spacing-cascader_option-paddingBottom": "8px",
|
|
1155
1181
|
"$spacing-cascader_selection_tag-marginY": "0px",
|
|
1156
1182
|
"$spacing-cascader_selection_tag-marginRight": "2px"
|
|
1157
1183
|
}
|
|
1158
1184
|
},
|
|
1159
|
-
"checkbox": {
|
|
1185
|
+
"checkbox": {
|
|
1186
|
+
"color": {
|
|
1187
|
+
"$color-checkbox_checked-bg-hover": "var(--semi-color-secondary-hover)",
|
|
1188
|
+
"$color-checkbox_checked-bg-active": "var(--semi-color-secondary-active)",
|
|
1189
|
+
"$color-checkbox_checked-bg-default": "var(--semi-color-secondary)",
|
|
1190
|
+
"$color-checkbox_cardType_checked-bg": "var(--semi-color-fill-0)",
|
|
1191
|
+
"$color-checkbox_checked-bg-disabled": "var(--semi-color-secondary-disabled)",
|
|
1192
|
+
"$color-checkbox_checked-border-hover": "var(--semi-color-secondary-hover)",
|
|
1193
|
+
"$color-checkbox_checked-border-active": "var(--semi-color-secondary-active)",
|
|
1194
|
+
"$color-checkbox_primary-outline-focus": "var(--semi-color-secondary-light-active)",
|
|
1195
|
+
"$color-checkbox_checked-border-default": "var(--semi-color-secondary)",
|
|
1196
|
+
"$color-checkbox_cardType_checked_border-hover": "var(--semi-color-secondary-hover)",
|
|
1197
|
+
"$color-checkbox_cardType_checked_border-active": "var(--semi-color-secondary-active)",
|
|
1198
|
+
"$color-checkbox_cardType_checked_border-default": "var(--semi-color-tertiary)"
|
|
1199
|
+
},
|
|
1200
|
+
"radius": {
|
|
1201
|
+
"$radius-checkbox_cardType": "6px"
|
|
1202
|
+
}
|
|
1203
|
+
},
|
|
1160
1204
|
"dropdown": {
|
|
1161
1205
|
"width": {
|
|
1162
1206
|
"$width-dropdown": "320px"
|
|
@@ -1198,10 +1242,18 @@
|
|
|
1198
1242
|
},
|
|
1199
1243
|
"datePicker": {
|
|
1200
1244
|
"color": {
|
|
1245
|
+
"$color-datepicker_day_main-border": "var(--semi-color-secondary-active)",
|
|
1246
|
+
"$color-datepicker_date_inHover-bg-default": "var(--semi-color-secondary-light-default)",
|
|
1247
|
+
"$color-datepicker_date_today-text-default": "var(--semi-color-secondary)",
|
|
1248
|
+
"$color-datepicker_date_selected-bg-default": "var(--semi-color-secondary)",
|
|
1201
1249
|
"$color-datepicker_range_input-text-default": "var(--semi-color-text-2)",
|
|
1202
|
-
"$color-
|
|
1250
|
+
"$color-datepicker_quick_button-text-default": "var(--semi-color-secondary)",
|
|
1251
|
+
"$color-datepicker_input_primary-text-default": "var(--semi-color-secondary)",
|
|
1252
|
+
"$color-datepicker_date_selectedRange-bg-hover": "var(--semi-color-secondary-light-hover)",
|
|
1253
|
+
"$color-datepicker_date_hoverday_range-bg-default": "var(--semi-color-secondary-light-active)",
|
|
1203
1254
|
"$color-datepicker_range_input_clearbtn-icon-hover": "var(--semi-color-secondary-hover)",
|
|
1204
|
-
"$color-
|
|
1255
|
+
"$color-datepicker_date_today_disabled-text-default": "var(--semi-color-secondary-disabled)",
|
|
1256
|
+
"$color-datepicker_date_hoverday_around_single_selected-bg-default": "var(--semi-color-secondary-light-active)"
|
|
1205
1257
|
}
|
|
1206
1258
|
},
|
|
1207
1259
|
"navigation": {
|
|
@@ -1248,6 +1300,11 @@
|
|
|
1248
1300
|
"$color-tree_option-bg-active": "var(--semi-color-select-fill)"
|
|
1249
1301
|
}
|
|
1250
1302
|
},
|
|
1303
|
+
"inputNumber": {
|
|
1304
|
+
"height": {
|
|
1305
|
+
"$height-inputNumber_button_large": "40px"
|
|
1306
|
+
}
|
|
1307
|
+
},
|
|
1251
1308
|
"descriptions": {},
|
|
1252
1309
|
"notification": {
|
|
1253
1310
|
"width": {
|
|
@@ -1268,39 +1325,39 @@
|
|
|
1268
1325
|
"Header": {
|
|
1269
1326
|
"header-1": {
|
|
1270
1327
|
"fontSize": "72px",
|
|
1271
|
-
"fontFamily": "
|
|
1328
|
+
"fontFamily": "TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
1272
1329
|
"lineHeight": "80px",
|
|
1273
|
-
"letterSpacing": "
|
|
1330
|
+
"letterSpacing": "0em"
|
|
1274
1331
|
},
|
|
1275
1332
|
"header-2": {
|
|
1276
1333
|
"fontSize": "48px",
|
|
1277
|
-
"fontFamily": "
|
|
1334
|
+
"fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
1278
1335
|
"lineHeight": "56px",
|
|
1279
1336
|
"letterSpacing": "0em"
|
|
1280
1337
|
},
|
|
1281
1338
|
"header-3": {
|
|
1282
1339
|
"fontSize": "28px",
|
|
1283
|
-
"fontFamily": "
|
|
1340
|
+
"fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
1284
1341
|
"lineHeight": "35px",
|
|
1285
1342
|
"letterSpacing": "0em"
|
|
1286
1343
|
},
|
|
1287
1344
|
"header-4": {
|
|
1288
1345
|
"fontSize": "24px",
|
|
1289
|
-
"fontFamily": "
|
|
1346
|
+
"fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
1290
1347
|
"lineHeight": "30px",
|
|
1291
1348
|
"letterSpacing": "0em"
|
|
1292
1349
|
},
|
|
1293
1350
|
"header-5": {
|
|
1294
1351
|
"fontSize": "20px",
|
|
1295
|
-
"fontFamily": "
|
|
1352
|
+
"fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
1296
1353
|
"lineHeight": "25px",
|
|
1297
|
-
"letterSpacing": "
|
|
1354
|
+
"letterSpacing": "0em"
|
|
1298
1355
|
},
|
|
1299
1356
|
"header-6": {
|
|
1300
1357
|
"fontSize": "16px",
|
|
1301
|
-
"fontFamily": "
|
|
1358
|
+
"fontFamily": " TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
1302
1359
|
"lineHeight": "20px",
|
|
1303
|
-
"letterSpacing": "
|
|
1360
|
+
"letterSpacing": "0em"
|
|
1304
1361
|
}
|
|
1305
1362
|
},
|
|
1306
1363
|
"Paragraph": {
|
|
@@ -1349,7 +1406,7 @@
|
|
|
1349
1406
|
"scale": 1.25,
|
|
1350
1407
|
"default": true,
|
|
1351
1408
|
"wordSpace": 0,
|
|
1352
|
-
"fontFamily": "
|
|
1409
|
+
"fontFamily": " TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif",
|
|
1353
1410
|
"letterSpace": 0,
|
|
1354
1411
|
"baseFontSize": "14px",
|
|
1355
1412
|
"lineHeightMultiplier": 1.4
|
package/scss/_font.scss
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
@mixin font-size-header-1 {
|
|
2
2
|
font-size: 72px;
|
|
3
|
-
font-family:
|
|
3
|
+
font-family: TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
4
4
|
line-height: 80px;
|
|
5
|
-
letter-spacing:
|
|
5
|
+
letter-spacing: 0em;
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
}
|
|
9
9
|
@mixin font-size-header-2 {
|
|
10
10
|
font-size: 48px;
|
|
11
|
-
font-family:
|
|
11
|
+
font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
12
12
|
line-height: 56px;
|
|
13
13
|
letter-spacing: 0em;
|
|
14
14
|
|
|
@@ -16,7 +16,7 @@ letter-spacing: 0em;
|
|
|
16
16
|
}
|
|
17
17
|
@mixin font-size-header-3 {
|
|
18
18
|
font-size: 28px;
|
|
19
|
-
font-family:
|
|
19
|
+
font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
20
20
|
line-height: 35px;
|
|
21
21
|
letter-spacing: 0em;
|
|
22
22
|
|
|
@@ -24,7 +24,7 @@ letter-spacing: 0em;
|
|
|
24
24
|
}
|
|
25
25
|
@mixin font-size-header-4 {
|
|
26
26
|
font-size: 24px;
|
|
27
|
-
font-family:
|
|
27
|
+
font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
28
28
|
line-height: 30px;
|
|
29
29
|
letter-spacing: 0em;
|
|
30
30
|
|
|
@@ -32,17 +32,17 @@ letter-spacing: 0em;
|
|
|
32
32
|
}
|
|
33
33
|
@mixin font-size-header-5 {
|
|
34
34
|
font-size: 20px;
|
|
35
|
-
font-family:
|
|
35
|
+
font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
36
36
|
line-height: 25px;
|
|
37
|
-
letter-spacing:
|
|
37
|
+
letter-spacing: 0em;
|
|
38
38
|
|
|
39
39
|
|
|
40
40
|
}
|
|
41
41
|
@mixin font-size-header-6 {
|
|
42
42
|
font-size: 16px;
|
|
43
|
-
font-family:
|
|
43
|
+
font-family: TikTokFont, 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
44
44
|
line-height: 20px;
|
|
45
|
-
letter-spacing:
|
|
45
|
+
letter-spacing: 0em;
|
|
46
46
|
|
|
47
47
|
|
|
48
48
|
}
|
package/scss/global.scss
CHANGED
|
@@ -115,7 +115,7 @@ body, body[theme-mode="dark"] .semi-always-light {
|
|
|
115
115
|
--semi-color-secondary-light-default: rgba(var(--semi-grey-0), 1);
|
|
116
116
|
--semi-color-UIShapeSecondary-active: rgba(var(--semi-light-blue-7),1);
|
|
117
117
|
--semi-color-UIShapeSecondary-disabled: rgba(var(--semi-light-blue-2), 1);
|
|
118
|
-
font-family:
|
|
118
|
+
font-family: TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
119
119
|
-webkit-font-smoothing: antialiased;;
|
|
120
120
|
--semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
|
|
121
121
|
--semi-shadow-0: none;
|
|
@@ -231,7 +231,7 @@ body[theme-mode="dark"], body .semi-always-dark {
|
|
|
231
231
|
--semi-color-tertiary-light-default: rgba(var(--semi-grey-5), 0.2);
|
|
232
232
|
--semi-color-secondary-light-active: rgba(var(--semi-blue-5), 0.4);
|
|
233
233
|
--semi-color-secondary-light-default: rgba(var(--semi-blue-5), 0.2);
|
|
234
|
-
font-family:
|
|
234
|
+
font-family: TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
235
235
|
-webkit-font-smoothing: antialiased;;
|
|
236
236
|
--semi-shadow-elevated: 0px 0px 1px 0px rgba(0,0,0,0.30), 0px 4px 14px 0px rgba(0,0,0,0.10);
|
|
237
237
|
--semi-shadow-0: none;
|
package/scss/local.scss
CHANGED
|
@@ -9,6 +9,8 @@ $spacing-card-padding: 20px;
|
|
|
9
9
|
$radius-chat_chatBox_content: 6px;
|
|
10
10
|
$radius-chat_inputBox_container: 12px;
|
|
11
11
|
$spacing-form_label-marginTop: 0px;
|
|
12
|
+
$spacing-form_label-marginBottom: 4px;
|
|
13
|
+
$spacing-form_extra_posBottom-marginTop: 4px;
|
|
12
14
|
$spacing-list_item-paddingX: 12px;
|
|
13
15
|
$spacing-list_item-paddingY: 24px;
|
|
14
16
|
$spacing-list_extra-marginLeft: 0px;
|
|
@@ -31,12 +33,24 @@ $color-input-icon-hover: var(--semi-color-secondary-hover);
|
|
|
31
33
|
$color-input-icon-active: var(--semi-color-secondary-active);
|
|
32
34
|
$color-textarea-icon-hover: var(--semi-color-secondary-hover);
|
|
33
35
|
$color-textarea-icon-active: var(--semi-color-secondary-active);
|
|
34
|
-
$
|
|
36
|
+
$height-input_large: 38px;
|
|
37
|
+
$font-modal_header-fontSize: 24px;
|
|
38
|
+
$font-modal_header-fontWeight: 600;
|
|
35
39
|
$width-modal_content-border: 0px;
|
|
36
40
|
$radius-modal_content: 12px;
|
|
41
|
+
$color-radio_primary-bg-hover: var(--semi-color-secondary-hover);
|
|
42
|
+
$color-radio_primary-bg-active: var(--semi-color-secondary-active);
|
|
43
|
+
$color-radio_primary-bg-default: var(--semi-color-secondary);
|
|
44
|
+
$color-radio_checked-border-hover: var(--semi-color-secondary-hover);
|
|
45
|
+
$color-radio_checked-border-active: var(--semi-color-secondary-active);
|
|
37
46
|
$color-radio_primary-outline-focus: var(--semi-color-secondary-light-active);
|
|
47
|
+
$color-radio_primary-border-default: var(--semi-color-secondary);
|
|
48
|
+
$color-radio_cardRadioGroup-bg-checked: var(--semi-color-fill-0);
|
|
49
|
+
$color-radio_cardRadioGroup_border-active: var(--semi-color-tertiary);
|
|
38
50
|
$color-radio_addon_buttonRadio-text-checked: var(--semi-color-secondary);
|
|
39
|
-
$color-
|
|
51
|
+
$color-radio_cardRadioGroup_checked_border-hover: var(--semi-color-secondary-hover);
|
|
52
|
+
$color-radio_cardRadioGroup_checked_border-active: var(--semi-color-secondary-active);
|
|
53
|
+
$color-steps_item_finish-icon: var(--semi-color-success-hover);
|
|
40
54
|
$color-steps_main-text-default: var(--semi-color-text-0);
|
|
41
55
|
$color-steps_item_done_after-bg: var(--semi-color-secondary);
|
|
42
56
|
$color-steps_primary-bg-default: var(--semi-color-secondary);
|
|
@@ -64,20 +78,28 @@ $radius-avatar_default: var(--semi-border-radius-small);
|
|
|
64
78
|
$radius-avatar_extra_large: var(--semi-border-radius-large);
|
|
65
79
|
$radius-avatar_extra_small: var(--semi-border-radius-small);
|
|
66
80
|
$radius-avatar_extra_extra_small: var(--semi-border-radius-small);
|
|
67
|
-
$radius-banner:
|
|
81
|
+
$radius-banner: 6px;
|
|
68
82
|
$spacing-banner-paddingX: 16px;
|
|
69
83
|
$spacing-banner-paddingY: 16px;
|
|
70
84
|
$spacing-banner_icon-marginRight: 16px;
|
|
71
85
|
$spacing-banner_closeBtn-marginLeft: 16px;
|
|
72
86
|
$spacing-banner_title_description-marginTop: 4px;
|
|
73
87
|
$font-button-fontWeight: 600;
|
|
74
|
-
$
|
|
88
|
+
$font-button_large-fontWeight: 600;
|
|
89
|
+
$font-button_small-fontWeight: 600;
|
|
90
|
+
$color-select_option-bg-active: var(--semi-color-fill-1);
|
|
91
|
+
$color-select-option-bg-selected: var(--semi-color-bg-0);
|
|
75
92
|
$color-select_clearBtn-text-hover: var(--semi-color-secondary-hover);
|
|
76
93
|
$radius-select_option: 8px;
|
|
94
|
+
$spacing-select_option_list-gap: 4px;
|
|
95
|
+
$spacing-select_option-marginBottom: 16px;
|
|
96
|
+
$spacing-select_option-paddingBottom: 8px;
|
|
77
97
|
$spacing-select_option_list-paddingLeft: 4px;
|
|
78
98
|
$spacing-select_option_list-paddingRight: 4px;
|
|
79
99
|
$color-slider_handle-border-focus: var(--semi-color-primary);
|
|
80
100
|
$color-upload_drag_area_icon: var(--semi-color-tertiary);
|
|
101
|
+
$color-upload_drag_area-bg-hover: var(--semi-color-secondary-light-default);
|
|
102
|
+
$color-upload_drag_area-border-hover: var(--semi-color-secondary);
|
|
81
103
|
$spacing-upload_drag_area-padding: 16px;
|
|
82
104
|
$radius-popover: 12px;
|
|
83
105
|
$spacing-popover_withArrow-padding: 12px;
|
|
@@ -100,9 +122,24 @@ $font-typography_title5-regular-fontWeight: 400;
|
|
|
100
122
|
$font-typography_title6-regular-fontWeight: 400;
|
|
101
123
|
$color-cascader-icon-hover: var(--semi-color-secondary-hover);
|
|
102
124
|
$color-cascader-icon-active: var(--semi-color-secondary-active);
|
|
103
|
-
$color-
|
|
125
|
+
$color-cascader_select_highlight: var(--semi-color-secondary);
|
|
126
|
+
$color-cascader_option-bg-selected: var(--semi-color-fill-0);
|
|
127
|
+
$spacing-cascader_option-paddingBottom: 8px;
|
|
104
128
|
$spacing-cascader_selection_tag-marginY: 0px;
|
|
105
129
|
$spacing-cascader_selection_tag-marginRight: 2px;
|
|
130
|
+
$color-checkbox_checked-bg-hover: var(--semi-color-secondary-hover);
|
|
131
|
+
$color-checkbox_checked-bg-active: var(--semi-color-secondary-active);
|
|
132
|
+
$color-checkbox_checked-bg-default: var(--semi-color-secondary);
|
|
133
|
+
$color-checkbox_cardType_checked-bg: var(--semi-color-fill-0);
|
|
134
|
+
$color-checkbox_checked-bg-disabled: var(--semi-color-secondary-disabled);
|
|
135
|
+
$color-checkbox_checked-border-hover: var(--semi-color-secondary-hover);
|
|
136
|
+
$color-checkbox_checked-border-active: var(--semi-color-secondary-active);
|
|
137
|
+
$color-checkbox_primary-outline-focus: var(--semi-color-secondary-light-active);
|
|
138
|
+
$color-checkbox_checked-border-default: var(--semi-color-secondary);
|
|
139
|
+
$color-checkbox_cardType_checked_border-hover: var(--semi-color-secondary-hover);
|
|
140
|
+
$color-checkbox_cardType_checked_border-active: var(--semi-color-secondary-active);
|
|
141
|
+
$color-checkbox_cardType_checked_border-default: var(--semi-color-tertiary);
|
|
142
|
+
$radius-checkbox_cardType: 6px;
|
|
106
143
|
$width-dropdown: 320px;
|
|
107
144
|
$radius-dropdown: 12px;
|
|
108
145
|
$radius-dropdown_item: 8px;
|
|
@@ -116,10 +153,18 @@ $radius-transfer: var(--semi-border-radius-small);
|
|
|
116
153
|
$font-sideSheet_title-fontWeight: $font-weight-extrabold;
|
|
117
154
|
$spacing-sideSheet-margin: 0px;
|
|
118
155
|
$spacing-sideSheet_body-paddingY: 2px;
|
|
156
|
+
$color-datepicker_day_main-border: var(--semi-color-secondary-active);
|
|
157
|
+
$color-datepicker_date_inHover-bg-default: var(--semi-color-secondary-light-default);
|
|
158
|
+
$color-datepicker_date_today-text-default: var(--semi-color-secondary);
|
|
159
|
+
$color-datepicker_date_selected-bg-default: var(--semi-color-secondary);
|
|
119
160
|
$color-datepicker_range_input-text-default: var(--semi-color-text-2);
|
|
120
|
-
$color-
|
|
161
|
+
$color-datepicker_quick_button-text-default: var(--semi-color-secondary);
|
|
162
|
+
$color-datepicker_input_primary-text-default: var(--semi-color-secondary);
|
|
163
|
+
$color-datepicker_date_selectedRange-bg-hover: var(--semi-color-secondary-light-hover);
|
|
164
|
+
$color-datepicker_date_hoverday_range-bg-default: var(--semi-color-secondary-light-active);
|
|
121
165
|
$color-datepicker_range_input_clearbtn-icon-hover: var(--semi-color-secondary-hover);
|
|
122
|
-
$color-
|
|
166
|
+
$color-datepicker_date_today_disabled-text-default: var(--semi-color-secondary-disabled);
|
|
167
|
+
$color-datepicker_date_hoverday_around_single_selected-bg-default: var(--semi-color-secondary-light-active);
|
|
123
168
|
$color-navigation_itemL1_selected-bg-default: var(--semi-color-fill-0);
|
|
124
169
|
$color-navigation_itemL1_selected_icon-default: var(--semi-color-text-0);
|
|
125
170
|
$color-pagination_item-text-hover: var(--semi-color-text-1);
|
|
@@ -137,6 +182,7 @@ $spacing-popconfirm_header_title-marginBottom: 8px;
|
|
|
137
182
|
$color-scrollList_selected_item-bg: var(--semi-color-select-fill);
|
|
138
183
|
$radius-timePicker_range_panel: var(--semi-border-radius-small);
|
|
139
184
|
$color-tree_option-bg-active: var(--semi-color-select-fill);
|
|
185
|
+
$height-inputNumber_button_large: 40px;
|
|
140
186
|
$width-notification_notice-icon: 24px;
|
|
141
187
|
$spacing-notification_notice-margin: 16px;
|
|
142
188
|
$spacing-notification_notice-paddingTop: 12px;
|
package/scss/variables.scss
CHANGED
|
@@ -55,7 +55,7 @@ $z-resizable_handler: 2000; // 伸缩框组件中handler的z-index
|
|
|
55
55
|
// font
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
$font-family-regular:
|
|
58
|
+
$font-family-regular: TikTokFont, 'Segoe UI', 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif; // semi 预置字体回退
|
|
59
59
|
$font-size-small: 12px; // 小文本字号
|
|
60
60
|
$font-size-regular: 14px; // 常规文本字号
|
|
61
61
|
|