amis 1.6.5-beta.3 → 1.8.0-beta.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 (238) hide show
  1. package/lib/Schema.d.ts +3 -2
  2. package/lib/Schema.js +0 -1
  3. package/lib/Schema.js.map +2 -2
  4. package/lib/components/Alert2.js +4 -2
  5. package/lib/components/Alert2.js.map +2 -2
  6. package/lib/components/AssociatedSelection.d.ts +84 -84
  7. package/lib/components/Avatar.d.ts +20 -20
  8. package/lib/components/Breadcrumb.d.ts +130 -0
  9. package/lib/components/Breadcrumb.js +161 -0
  10. package/lib/components/Breadcrumb.js.map +13 -0
  11. package/lib/components/Card.d.ts +20 -20
  12. package/lib/components/ChainedSelection.d.ts +84 -84
  13. package/lib/components/CityArea.js +3 -0
  14. package/lib/components/CityArea.js.map +2 -2
  15. package/lib/components/Collapse.d.ts +20 -20
  16. package/lib/components/CollapseGroup.d.ts +20 -20
  17. package/lib/components/DatePicker.d.ts +84 -84
  18. package/lib/components/DateRangePicker.d.ts +2 -2
  19. package/lib/components/DateRangePicker.js +36 -45
  20. package/lib/components/DateRangePicker.js.map +2 -2
  21. package/lib/components/GroupedSelection.d.ts +84 -84
  22. package/lib/components/Layout.d.ts +21 -21
  23. package/lib/components/ListGroup.d.ts +21 -21
  24. package/lib/components/PopUp.js +2 -1
  25. package/lib/components/PopUp.js.map +2 -2
  26. package/lib/components/Radios.d.ts +21 -21
  27. package/lib/components/Range.js.map +2 -2
  28. package/lib/components/Selection.d.ts +84 -84
  29. package/lib/components/TableSelection.d.ts +84 -84
  30. package/lib/components/Tabs.d.ts +52 -23
  31. package/lib/components/Tabs.js +198 -46
  32. package/lib/components/Tabs.js.map +2 -2
  33. package/lib/components/TooltipWrapper.d.ts +21 -20
  34. package/lib/components/TooltipWrapper.js +2 -2
  35. package/lib/components/TooltipWrapper.js.map +2 -2
  36. package/lib/components/Transfer.d.ts +84 -84
  37. package/lib/components/TransferDropDown.d.ts +84 -84
  38. package/lib/components/Tree.d.ts +84 -84
  39. package/lib/components/TreeSelection.d.ts +84 -84
  40. package/lib/components/calendar/Calendar.js +5 -0
  41. package/lib/components/calendar/Calendar.js.map +2 -2
  42. package/lib/components/calendar/DaysView.js.map +1 -1
  43. package/lib/components/icons.js +8 -0
  44. package/lib/components/icons.js.map +2 -2
  45. package/lib/components/index.d.ts +2 -1
  46. package/lib/components/index.js +4 -2
  47. package/lib/components/index.js.map +2 -2
  48. package/lib/icons/cloud-upload.js +17 -0
  49. package/lib/icons/image.js +7 -0
  50. package/lib/icons/refresh.js +9 -0
  51. package/lib/icons/trash.js +10 -0
  52. package/lib/icons/upload.js +3 -8
  53. package/lib/index.d.ts +1 -0
  54. package/lib/index.js +2 -1
  55. package/lib/index.js.map +2 -2
  56. package/lib/locale/en-US.js +3 -1
  57. package/lib/locale/en-US.js.map +2 -2
  58. package/lib/locale/zh-CN.js +4 -2
  59. package/lib/locale/zh-CN.js.map +2 -2
  60. package/lib/renderers/Action.d.ts +1 -1
  61. package/lib/renderers/Action.js.map +2 -2
  62. package/lib/renderers/Breadcrumb.d.ts +41 -6
  63. package/lib/renderers/Breadcrumb.js +23 -19
  64. package/lib/renderers/Breadcrumb.js.map +2 -2
  65. package/lib/renderers/ButtonGroup.d.ts +2 -2
  66. package/lib/renderers/ButtonGroup.js.map +1 -1
  67. package/lib/renderers/Form/ChainedSelect.d.ts +4 -1
  68. package/lib/renderers/Form/ChainedSelect.js +83 -34
  69. package/lib/renderers/Form/ChainedSelect.js.map +2 -2
  70. package/lib/renderers/Form/Checkbox.d.ts +3 -0
  71. package/lib/renderers/Form/Checkbox.js +38 -1
  72. package/lib/renderers/Form/Checkbox.js.map +2 -2
  73. package/lib/renderers/Form/Combo.d.ts +4 -3
  74. package/lib/renderers/Form/Combo.js +81 -32
  75. package/lib/renderers/Form/Combo.js.map +2 -2
  76. package/lib/renderers/Form/DiffEditor.d.ts +1 -1
  77. package/lib/renderers/Form/InputCity.d.ts +84 -84
  78. package/lib/renderers/Form/InputCity.js +4 -1
  79. package/lib/renderers/Form/InputCity.js.map +2 -2
  80. package/lib/renderers/Form/InputColor.js +3 -1
  81. package/lib/renderers/Form/InputColor.js.map +2 -2
  82. package/lib/renderers/Form/InputDate.js +3 -1
  83. package/lib/renderers/Form/InputDate.js.map +2 -2
  84. package/lib/renderers/Form/InputDateRange.js +3 -1
  85. package/lib/renderers/Form/InputDateRange.js.map +2 -2
  86. package/lib/renderers/Form/InputExcel.d.ts +4 -0
  87. package/lib/renderers/Form/InputExcel.js +33 -6
  88. package/lib/renderers/Form/InputExcel.js.map +2 -2
  89. package/lib/renderers/Form/InputFile.d.ts +8 -1
  90. package/lib/renderers/Form/InputFile.js +71 -42
  91. package/lib/renderers/Form/InputFile.js.map +2 -2
  92. package/lib/renderers/Form/InputImage.d.ts +4 -1
  93. package/lib/renderers/Form/InputImage.js +21 -9
  94. package/lib/renderers/Form/InputImage.js.map +2 -2
  95. package/lib/renderers/Form/InputRange.d.ts +27 -9
  96. package/lib/renderers/Form/InputRange.js +88 -23
  97. package/lib/renderers/Form/InputRange.js.map +2 -2
  98. package/lib/renderers/Form/InputSubForm.js +2 -1
  99. package/lib/renderers/Form/InputSubForm.js.map +2 -2
  100. package/lib/renderers/Form/InputTag.js +2 -1
  101. package/lib/renderers/Form/InputTag.js.map +2 -2
  102. package/lib/renderers/Form/MatrixCheckboxes.js +2 -1
  103. package/lib/renderers/Form/MatrixCheckboxes.js.map +2 -2
  104. package/lib/renderers/Form/NestedSelect.d.ts +9 -6
  105. package/lib/renderers/Form/NestedSelect.js +247 -130
  106. package/lib/renderers/Form/NestedSelect.js.map +2 -2
  107. package/lib/renderers/Form/Options.js +2 -1
  108. package/lib/renderers/Form/Options.js.map +2 -2
  109. package/lib/renderers/Form/Radios.js +2 -1
  110. package/lib/renderers/Form/Radios.js.map +2 -2
  111. package/lib/renderers/Form/Select.js +6 -3
  112. package/lib/renderers/Form/Select.js.map +2 -2
  113. package/lib/renderers/Form/Switch.d.ts +7 -6
  114. package/lib/renderers/Form/Switch.js +4 -1
  115. package/lib/renderers/Form/Switch.js.map +2 -2
  116. package/lib/renderers/Log.js +2 -1
  117. package/lib/renderers/Log.js.map +2 -2
  118. package/lib/renderers/PopOver.js +1 -1
  119. package/lib/renderers/PopOver.js.map +2 -2
  120. package/lib/renderers/Tabs.d.ts +58 -5
  121. package/lib/renderers/Tabs.js +170 -58
  122. package/lib/renderers/Tabs.js.map +2 -2
  123. package/lib/renderers/TooltipWrapper.d.ts +104 -0
  124. package/lib/renderers/TooltipWrapper.js +59 -0
  125. package/lib/renderers/TooltipWrapper.js.map +13 -0
  126. package/lib/renderers/Video.d.ts +6 -0
  127. package/lib/renderers/Video.js +13 -6
  128. package/lib/renderers/Video.js.map +2 -2
  129. package/lib/store/form.js +4 -13
  130. package/lib/store/form.js.map +2 -2
  131. package/lib/store/table.js +1 -1
  132. package/lib/store/table.js.map +2 -2
  133. package/lib/themes/ang-ie11.css +742 -160
  134. package/lib/themes/ang.css +793 -163
  135. package/lib/themes/ang.css.map +1 -1
  136. package/lib/themes/antd-ie11.css +757 -175
  137. package/lib/themes/antd.css +793 -163
  138. package/lib/themes/antd.css.map +1 -1
  139. package/lib/themes/cxd-ie11.css +1249 -667
  140. package/lib/themes/cxd.css +970 -321
  141. package/lib/themes/cxd.css.map +1 -1
  142. package/lib/themes/dark-ie11.css +742 -160
  143. package/lib/themes/dark.css +793 -163
  144. package/lib/themes/dark.css.map +1 -1
  145. package/lib/themes/default-ie11.css +1249 -667
  146. package/lib/themes/default.css +970 -321
  147. package/lib/themes/default.css.map +1 -1
  148. package/package.json +1 -1
  149. package/schema.json +16012 -736
  150. package/scss/_properties.scss +56 -2
  151. package/scss/components/_alert.scss +1 -1
  152. package/scss/components/_breadcrumb.scss +90 -1
  153. package/scss/components/_button-group.scss +15 -0
  154. package/scss/components/_city-area.scss +2 -0
  155. package/scss/components/_popup.scss +13 -3
  156. package/scss/components/_tabs.scss +629 -132
  157. package/scss/components/_tooltip.scss +72 -0
  158. package/scss/components/form/_file.scss +82 -24
  159. package/scss/components/form/_image.scss +30 -25
  160. package/scss/components/form/_number.scss +2 -0
  161. package/scss/components/form/_switch.scss +1 -3
  162. package/scss/themes/_cxd-colors.scss +47 -47
  163. package/scss/themes/_cxd-variables.scss +20 -0
  164. package/sdk/ang-ie11.css +879 -196
  165. package/sdk/ang.css +931 -200
  166. package/sdk/antd-ie11.css +951 -268
  167. package/sdk/antd.css +931 -200
  168. package/sdk/barcode.js +51 -51
  169. package/sdk/charts.js +14 -14
  170. package/sdk/codemirror.js +7 -7
  171. package/sdk/color-picker.js +65 -65
  172. package/sdk/cropperjs.js +2 -2
  173. package/sdk/cxd-ie11.css +1386 -703
  174. package/sdk/cxd.css +1107 -357
  175. package/sdk/dark-ie11.css +879 -196
  176. package/sdk/dark.css +931 -200
  177. package/sdk/exceljs.js +1 -1
  178. package/sdk/markdown.js +69 -69
  179. package/sdk/papaparse.js +1 -1
  180. package/sdk/renderers/Form/CityDB.js +1 -1
  181. package/sdk/rest.js +17 -17
  182. package/sdk/rich-text.js +62 -62
  183. package/sdk/sdk-ie11.css +1386 -703
  184. package/sdk/sdk.css +1107 -357
  185. package/sdk/sdk.js +1260 -1248
  186. package/sdk/thirds/hls.js/hls.js +1 -1
  187. package/sdk/thirds/mpegts.js/mpegts.js +1 -1
  188. package/sdk/tinymce.js +57 -57
  189. package/src/Schema.ts +5 -2
  190. package/src/components/Alert2.tsx +9 -3
  191. package/src/components/Breadcrumb.tsx +294 -0
  192. package/src/components/CityArea.tsx +3 -0
  193. package/src/components/DateRangePicker.tsx +40 -68
  194. package/src/components/PopUp.tsx +6 -5
  195. package/src/components/Range.tsx +7 -1
  196. package/src/components/Tabs.tsx +300 -54
  197. package/src/components/TooltipWrapper.tsx +4 -1
  198. package/src/components/calendar/Calendar.tsx +5 -0
  199. package/src/components/calendar/DaysView.tsx +2 -2
  200. package/src/components/icons.tsx +8 -0
  201. package/src/components/index.tsx +2 -0
  202. package/src/icons/cloud-upload.svg +22 -0
  203. package/src/icons/image.svg +1 -0
  204. package/src/icons/refresh.svg +7 -0
  205. package/src/icons/trash.svg +8 -0
  206. package/src/icons/upload.svg +4 -9
  207. package/src/index.tsx +1 -0
  208. package/src/locale/en-US.ts +3 -1
  209. package/src/locale/zh-CN.ts +4 -2
  210. package/src/renderers/Action.tsx +2 -1
  211. package/src/renderers/Breadcrumb.tsx +89 -45
  212. package/src/renderers/ButtonGroup.tsx +2 -2
  213. package/src/renderers/Form/ChainedSelect.tsx +56 -12
  214. package/src/renderers/Form/Checkbox.tsx +30 -1
  215. package/src/renderers/Form/Combo.tsx +84 -26
  216. package/src/renderers/Form/InputCity.tsx +13 -1
  217. package/src/renderers/Form/InputColor.tsx +2 -0
  218. package/src/renderers/Form/InputDate.tsx +2 -0
  219. package/src/renderers/Form/InputDateRange.tsx +2 -0
  220. package/src/renderers/Form/InputExcel.tsx +27 -5
  221. package/src/renderers/Form/InputFile.tsx +167 -115
  222. package/src/renderers/Form/InputImage.tsx +61 -35
  223. package/src/renderers/Form/InputRange.tsx +95 -40
  224. package/src/renderers/Form/InputSubForm.tsx +2 -1
  225. package/src/renderers/Form/InputTag.tsx +3 -1
  226. package/src/renderers/Form/MatrixCheckboxes.tsx +3 -1
  227. package/src/renderers/Form/NestedSelect.tsx +75 -26
  228. package/src/renderers/Form/Options.tsx +3 -1
  229. package/src/renderers/Form/Radios.tsx +3 -1
  230. package/src/renderers/Form/Select.tsx +6 -2
  231. package/src/renderers/Form/Switch.tsx +16 -9
  232. package/src/renderers/Log.tsx +2 -1
  233. package/src/renderers/PopOver.tsx +1 -1
  234. package/src/renderers/Tabs.tsx +254 -93
  235. package/src/renderers/TooltipWrapper.tsx +219 -0
  236. package/src/renderers/Video.tsx +21 -6
  237. package/src/store/form.ts +0 -9
  238. package/src/store/table.ts +1 -1
@@ -319,6 +319,20 @@
319
319
  box-shadow var(--animation-duration) ease-in-out;
320
320
  --ButtonGroup--primary-isActive-color: var(--white);
321
321
  --ButtonGroup--primary-isActive-bg: var(--primary);
322
+ --Breadcrumb-item-fontSize: var(--fontSizeMd);
323
+ --Breadcrumb-item-default-color: #83868c;
324
+ --Breadcrumb-item-hover-color: #2468f2;
325
+ --Breadcrumb-item-active-color: #1c53c1;
326
+ --Breadcrumb-item-last-color: #151a26;
327
+ --BreadcrumbDropdown-item-default-color: #151a26;
328
+ --BreadcrumbDropdown-item-default-bg: #ffffff;
329
+ --BreadcrumbDropdown-item-hover-bg: #e9f0fd;
330
+ --BreadcrumbDropdown-item-fontSize: var(--fontSizeSm);
331
+ --BreadcrumbDropdown-item-height: 2rem;
332
+ --BreadcrumbDropdown-item-paddingX: var(--gap-sm);
333
+ --BreadcrumbDropdown-item-paddingY: calc(
334
+ (var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) / 2
335
+ );
322
336
  --Calendar-btn-bg: var(--info);
323
337
  --Calendar-btn-border: var(--Calendar-btn-bg);
324
338
  --Calendar-btn-borderRadius: var(--Button-borderRadius);
@@ -732,6 +746,14 @@
732
746
  --ImageControl-addBtn-onHover-border: #b4bbc5;
733
747
  --ImageControl-addBtn-onHover-color: var(--Button--default-color);
734
748
  --ImageControl-progress-borderRadius: 0;
749
+ --FileControl-danger-color: #f33e3e;
750
+ --FileControl-drag-color: #303540;
751
+ --FileControl-border-color: #e8e9eb;
752
+ --FileControl-onDisabled-color: #b8babf;
753
+ --FileControl-onDisabled-bg: #f7f7f9;
754
+ --FileControl-onHover-bg: #f2f2f4;
755
+ --FileControl-icon-color: #84868c;
756
+ --FileControl-icon-onHover-color: #5c5f66;
735
757
  --FileControl-progress-borderRadius: 0;
736
758
  --InputGroup-addOn-bg: var(--Form-input-addOnBg);
737
759
  --InputGroup-addOn-borderColor: var(--Form-input-borderColor);
@@ -1173,16 +1195,25 @@
1173
1195
  --Tabs--card-onActive-bg: var(--background);
1174
1196
  --Tabs--card-onActive-borderColor: var(--borderColor);
1175
1197
  --Tabs--card-padding: 0.375rem 0 0 0.625rem;
1198
+ --Tabs--card-add-gap: var(--gap-md);
1199
+ --Tabs--card-add-gap-top: 0.4375rem;
1200
+ --Tabs--card-arrow-gap: var(--gap-sm);
1176
1201
  --Tabs--line-borderColor: var(--borderColor);
1177
1202
  --Tabs--line-borderWidth: 0.125rem;
1178
1203
  --Tabs--line-content-bg: transparent;
1179
1204
  --Tabs--line-content-padding: var(--gap-base) 0;
1180
- --Tabs--line-linkMargin: 0 40px 0 0;
1205
+ --Tabs--line-linkMargin: 0 32px 0 0;
1181
1206
  --Tabs--line-linkPadding: 0 0 8px;
1207
+ --Tabs--line-addPadding: 0 0 10px;
1208
+ --Tabs--line-padding: var(--gap-md);
1182
1209
  --Tabs--line-onHover-borderColor: var(--primary);
1183
1210
  --Tabs--line-onHover-color: var(--primary);
1184
1211
  --Tabs--radio-bg: #eaf6fe;
1185
1212
  --Tabs--vertical-onActive-borderColor: var(--primary);
1213
+ --Tabs--tiled-add-gap: var(--gap-base);
1214
+ --Tabs--simple-split-width: 0.0625rem;
1215
+ --Tabs--strong-add-size: 2rem;
1216
+ --Tabs--strong-arrow-size: 1.5rem;
1186
1217
  --Tabs-borderColor: var(--borderColor);
1187
1218
  --Tabs-borderRadius: var(--borderRadius);
1188
1219
  --Tabs-borderWidth: var(--borderWidth);
@@ -1196,6 +1227,20 @@
1196
1227
  --Tabs-onActive-color: #374151;
1197
1228
  --Tabs-onDisabled-color: #4b5563;
1198
1229
  --Tabs-onHover-borderColor: #e5e7eb;
1230
+ --Tabs-add-icon-size: 0.9375rem;
1231
+ --Tabs-add-icon-padding: 0.0625rem;
1232
+ --Tabs-add-icon-margin: var(--gap-xs);
1233
+ --Tabs-add-margin: var(--gap-lg);
1234
+ --Tabs-gray-color: #83868c;
1235
+ --Tabs-close-margin: var(--gap-xs);
1236
+ --Tabs-close-marginTop: 0.0625rem;
1237
+ --Tabs-close-size: 0.75rem;
1238
+ --Tabs-link-maxWidth: 10rem;
1239
+ --Tabs--sidebar-sideWidth: 3.875rem;
1240
+ --Tabs--sidebar-sidePadding: 1.6875rem;
1241
+ --Tabs--sidebar-sideMargin: 0 0 1.375rem 0;
1242
+ --Tabs--sidebar-iconSize: 1.5rem;
1243
+ --Tabs--sidebar-iconMargin: 0.3125rem;
1199
1244
  --Tabs--vertical-bg: var(--Table-thead-bg);
1200
1245
  --Tabs--vertical-width: 8.75rem;
1201
1246
  --Tabs--vertical-onActive-color: var(--primary);
@@ -1270,26 +1315,31 @@
1270
1315
  --Tooltip--attr-paddingY: 0.125rem;
1271
1316
  --Tooltip--attr-transition: all var(--animation-duration) ease-in-out;
1272
1317
  --Tooltip-arrow-color: var(--Tooltip-bg);
1273
- --Tooltip-arrow-color: var(--Tooltip-bg);
1318
+ --Tooltip-arrow-color--dark: rgba(7, 12, 20, 0.85);
1274
1319
  --Tooltip-arrow-height: 0.5rem;
1275
1320
  --Tooltip-arrow-height: 0.5rem;
1276
1321
  --Tooltip-arrow-outerColor: #d1d5db;
1277
1322
  --Tooltip-arrow-width: 1rem;
1278
1323
  --Tooltip-arrow-width: 1rem;
1279
1324
  --Tooltip-bg: var(--background);
1325
+ --Tooltip-bg--dark: rgba(7, 12, 20, 0.85);
1280
1326
  --Tooltip-body-color: var(--text-color);
1327
+ --Tooltip-body-color--dark: var(--white);
1281
1328
  --Tooltip-body-paddingX: var(--gap-sm);
1282
1329
  --Tooltip-body-paddingY: var(--gap-sm);
1283
1330
  --Tooltip-borderColor: var(--borderColor);
1284
1331
  --Tooltip-borderRadius: var(--borderRadiusLg);
1285
1332
  --Tooltip-borderWidth: var(--borderWidth);
1286
1333
  --Tooltip-boxShadow: var(--boxShadow);
1334
+ --Tooltip-boxShadow--dark: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
1287
1335
  --Tooltip-fontSize: var(--fontSizeSm);
1288
1336
  --Tooltip-maxWidth: 15rem;
1289
1337
  --Tooltip-minWidth: auto;
1338
+ --Tooltip-title-fontWeight: bold;
1290
1339
  --Tooltip-title-bg: #f7f7f7;
1291
1340
  --Tooltip-title-borderBottom-color: #ebebeb;
1292
1341
  --Tooltip-title-color: var(--text--loud-color);
1342
+ --Tooltip-title-color--dark: var(--white);
1293
1343
  --Tooltip-title-paddingX: var(--gap-sm);
1294
1344
  --Tooltip-title-paddingY: var(--gap-xs);
1295
1345
  --Transfer-title-bg: #f6f8f8;
@@ -14162,12 +14212,91 @@ input[type=button].dark-Button--block {
14162
14212
  transform: scale(1.1);
14163
14213
  }
14164
14214
 
14215
+ .dark-Breadcrumb {
14216
+ font-size: var(--Breadcrumb-item-fontSize);
14217
+ font-weight: var(--fontWeightBase);
14218
+ color: var(--Breadcrumb-item-default-color);
14219
+ }
14165
14220
  .dark-Breadcrumb-icon {
14166
14221
  margin-right: 0.125rem;
14222
+ min-width: var(--gap-xs);
14223
+ }
14224
+ .dark-Breadcrumb-item {
14225
+ position: relative;
14226
+ }
14227
+ .dark-Breadcrumb-item-default {
14228
+ cursor: pointer;
14229
+ color: var(--Breadcrumb-item-default-color);
14230
+ }
14231
+ .dark-Breadcrumb-item-dropdown {
14232
+ cursor: pointer;
14233
+ color: var(--BreadcrumbDropdown-item-default-color);
14234
+ }
14235
+ .dark-Breadcrumb-item a:hover {
14236
+ color: var(--Breadcrumb-item-hover-color);
14237
+ }
14238
+ .dark-Breadcrumb-item a:active {
14239
+ color: var(--Breadcrumb-item-active-color);
14240
+ }
14241
+ .dark-Breadcrumb-item-last .dark-Breadcrumb-item-default {
14242
+ font-weight: var(--fontWeightMd);
14243
+ color: var(--Breadcrumb-item-last-color);
14244
+ }
14245
+ .dark-Breadcrumb-item-caret {
14246
+ margin-left: var(--gap-sm);
14247
+ cursor: pointer;
14248
+ display: inline-block;
14249
+ transition: transform var(--animation-duration) ease;
14250
+ }
14251
+ .dark-Breadcrumb-item-caret > svg {
14252
+ width: 0.625rem;
14253
+ height: 0.625rem;
14254
+ top: 0.0625rem;
14255
+ }
14256
+ .dark-Breadcrumb-item.is-opened .dark-Breadcrumb-item-caret {
14257
+ transform: translateY(0.125rem) rotate(180deg);
14258
+ color: var(--Breadcrumb-item-hover-color);
14259
+ }
14260
+ .dark-Breadcrumb-item.is-opened .dark-Breadcrumb-item-default {
14261
+ color: var(--Breadcrumb-item-hover-color);
14167
14262
  }
14168
14263
  .dark-Breadcrumb-separator {
14169
14264
  user-select: none;
14170
- margin: 0 var(--gap-xs);
14265
+ margin: 0 var(--gap-sm);
14266
+ text-align: center;
14267
+ min-width: var(--gap-xs);
14268
+ }
14269
+ .dark-Breadcrumb-dropdown {
14270
+ position: absolute;
14271
+ z-index: 1000;
14272
+ top: 100%;
14273
+ left: 0;
14274
+ margin: 0.0625rem 0;
14275
+ background: var(--DropDown-menu-bg);
14276
+ list-style: none;
14277
+ padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);
14278
+ border: var(--DropDown-menu-borderWidth) solid var(--DropDown-menu-borderColor);
14279
+ border-radius: var(--DropDown-menu-borderRadius);
14280
+ box-shadow: var(--DropDown-menu-boxShadow);
14281
+ min-width: 100%;
14282
+ text-align: left;
14283
+ font-size: var(--BreadcrumbDropdown-item-fontSize);
14284
+ }
14285
+ .dark-Breadcrumb-dropdown > li {
14286
+ padding: var(--BreadcrumbDropdown-item-paddingX) var(--BreadcrumbDropdown-item-paddingY);
14287
+ white-space: nowrap;
14288
+ box-sizing: border-box;
14289
+ padding-left: 0.75rem;
14290
+ vertical-align: middle;
14291
+ user-select: none;
14292
+ color: var(--BreadcrumbDropdown-item-default-color);
14293
+ background-color: var(--BreadcrumbDropdown-item-default-bg);
14294
+ }
14295
+ .dark-Breadcrumb-dropdown > li:hover {
14296
+ background: var(--BreadcrumbDropdown-item-hover-bg);
14297
+ }
14298
+ .dark-Breadcrumb-dropdown > li:hover a {
14299
+ color: var(--Breadcrumb-item-hover-color);
14171
14300
  }
14172
14301
 
14173
14302
  .dark-Badge {
@@ -14959,6 +15088,7 @@ input[type=button].dark-Button--block {
14959
15088
  border-bottom: var(--Tooltip-borderWidth) solid var(--Tooltip-title-borderBottom-color);
14960
15089
  border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
14961
15090
  border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
15091
+ font-weight: var(--Tooltip-title-fontWeight);
14962
15092
  }
14963
15093
  .dark-Tooltip-title:empty {
14964
15094
  display: none;
@@ -14967,6 +15097,50 @@ input[type=button].dark-Button--block {
14967
15097
  color: var(--Tooltip-body-color);
14968
15098
  padding: var(--Tooltip-body-paddingY) var(--Tooltip-body-paddingX);
14969
15099
  }
15100
+ .dark-Tooltip--dark {
15101
+ background: var(--Tooltip-bg--dark);
15102
+ border: none;
15103
+ box-shadow: var(--Tooltip-boxShadow--dark);
15104
+ }
15105
+ .dark-Tooltip--dark .dark-Tooltip-title {
15106
+ color: var(--Tooltip-title-color--dark);
15107
+ background: transparent;
15108
+ border-bottom: none;
15109
+ }
15110
+ .dark-Tooltip--dark .dark-Tooltip-title::before {
15111
+ border-bottom-color: transparent;
15112
+ }
15113
+ .dark-Tooltip--dark .dark-Tooltip-body {
15114
+ color: var(--Tooltip-body-color--dark);
15115
+ }
15116
+ .dark-Tooltip--dark.dark-Tooltip--top .dark-Tooltip-arrow::before {
15117
+ border-width: 0;
15118
+ }
15119
+ .dark-Tooltip--dark.dark-Tooltip--top .dark-Tooltip-arrow::after {
15120
+ border-top-color: var(--Tooltip-arrow-color--dark);
15121
+ }
15122
+ .dark-Tooltip--dark.dark-Tooltip--bottom .dark-Tooltip-arrow::before {
15123
+ border-width: 0;
15124
+ }
15125
+ .dark-Tooltip--dark.dark-Tooltip--bottom .dark-Tooltip-arrow::after {
15126
+ border-bottom-color: var(--Tooltip-arrow-color--dark);
15127
+ }
15128
+ .dark-Tooltip--dark.dark-Tooltip--left .dark-Tooltip-arrow::before {
15129
+ border-width: 0;
15130
+ }
15131
+ .dark-Tooltip--dark.dark-Tooltip--left .dark-Tooltip-arrow::after {
15132
+ border-left-color: var(--Tooltip-arrow-color--dark);
15133
+ }
15134
+ .dark-Tooltip--dark.dark-Tooltip--right .dark-Tooltip-arrow::before {
15135
+ border-width: 0;
15136
+ }
15137
+ .dark-Tooltip--dark.dark-Tooltip--right .dark-Tooltip-arrow::after {
15138
+ border-right-color: var(--Tooltip-arrow-color--dark);
15139
+ }
15140
+
15141
+ .dark-TooltipWrapper--inline {
15142
+ display: inline-block;
15143
+ }
14970
15144
 
14971
15145
  @keyframes tooltipIn {
14972
15146
  from {
@@ -15173,6 +15347,18 @@ input[type=button].dark-Button--block {
15173
15347
  display: flex;
15174
15348
  flex-direction: column;
15175
15349
  }
15350
+ .dark-PopUp-closeBox {
15351
+ width: 3rem;
15352
+ height: 3rem;
15353
+ position: absolute;
15354
+ z-index: 1;
15355
+ cursor: pointer;
15356
+ right: 0;
15357
+ top: 0;
15358
+ display: flex;
15359
+ justify-content: center;
15360
+ align-items: center;
15361
+ }
15176
15362
  .dark-PopUp-closeWrap {
15177
15363
  position: relative;
15178
15364
  text-align: center;
@@ -15180,12 +15366,9 @@ input[type=button].dark-Button--block {
15180
15366
  line-height: 3rem;
15181
15367
  }
15182
15368
  .dark-PopUp-closeWrap .dark-PopUp-close {
15183
- position: absolute;
15184
15369
  z-index: 1;
15185
15370
  color: var(--icon-color);
15186
15371
  cursor: pointer;
15187
- top: 0.9375rem;
15188
- right: 0.9375rem;
15189
15372
  }
15190
15373
  .dark-PopUp-toolbar {
15191
15374
  display: flex;
@@ -15585,7 +15768,7 @@ input[type=button].dark-Button--block {
15585
15768
  align-items: flex-start;
15586
15769
  }
15587
15770
  .dark-Alert-icon {
15588
- margin-right: 0.5rem;
15771
+ margin-right: var(--gap-sm);
15589
15772
  font-size: var(--fontSizeLg);
15590
15773
  }
15591
15774
  .dark-Alert-content {
@@ -15784,56 +15967,104 @@ input[type=button].dark-Button--block {
15784
15967
  cursor: move;
15785
15968
  }
15786
15969
 
15787
- .dark-Tabs-linksContainer {
15970
+ .dark-Tabs-drag-tip {
15971
+ display: none;
15972
+ }
15973
+ .dark-Tabs-linksWrapper {
15974
+ display: flex;
15975
+ align-items: center;
15976
+ justify-content: flex-start;
15977
+ border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
15978
+ }
15979
+ .dark-Tabs-linksContainer-wrapper {
15788
15980
  position: relative;
15981
+ display: flex;
15982
+ align-items: center;
15983
+ justify-content: flex-start;
15984
+ }
15985
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
15986
+ display: flex;
15987
+ margin-left: var(--Tabs-add-margin);
15988
+ align-items: center;
15989
+ justify-content: flex-start;
15990
+ padding: var(--Tabs--line-addPadding);
15991
+ white-space: nowrap;
15992
+ cursor: pointer;
15993
+ }
15994
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable-icon {
15995
+ width: var(--Tabs-add-icon-size);
15996
+ height: var(--Tabs-add-icon-size);
15997
+ padding: var(--Tabs-add-icon-padding);
15998
+ margin-right: var(--Tabs-add-icon-margin);
15999
+ }
16000
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable span {
16001
+ margin-left: 4px;
16002
+ line-height: 1;
16003
+ }
16004
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable:hover {
16005
+ color: var(--primary);
16006
+ fill: var(--primary);
16007
+ }
16008
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer {
16009
+ flex-grow: 1;
16010
+ position: relative;
16011
+ display: flex;
16012
+ align-items: center;
16013
+ overflow: hidden;
15789
16014
  }
15790
- .dark-Tabs-linksContainer-arrow {
16015
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow {
16016
+ margin: var(--Tabs--line-addPadding);
16017
+ width: 16px;
15791
16018
  height: 100%;
15792
16019
  display: flex;
15793
16020
  align-items: center;
15794
- top: 0;
15795
16021
  cursor: pointer;
15796
- position: absolute;
16022
+ box-sizing: content-box;
15797
16023
  }
15798
- .dark-Tabs-linksContainer-arrow .iconfont {
16024
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow .iconfont {
15799
16025
  font-size: var(--Remark-icon-fontSize);
15800
16026
  }
15801
- .dark-Tabs-linksContainer-arrow:hover {
16027
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow:hover {
15802
16028
  color: var(--icon-onHover-color);
15803
16029
  }
15804
- .dark-Tabs-linksContainer-arrow--left {
15805
- left: 4px;
16030
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow--left {
16031
+ padding-right: 16px;
15806
16032
  }
15807
- .dark-Tabs-linksContainer-arrow--right {
15808
- right: 4px;
16033
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow--right {
16034
+ padding-left: 16px;
15809
16035
  }
15810
- .dark-Tabs-linksContainer-arrow--disabled .iconfont {
16036
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow--disabled .iconfont {
15811
16037
  cursor: not-allowed;
15812
16038
  color: var(--Number-handler-onDisabled-color);
15813
16039
  }
15814
- .dark-Tabs-linksContainer-arrow--disabled:hover {
16040
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-arrow--disabled:hover {
15815
16041
  color: var(--Number-handler-onDisabled-color);
15816
16042
  }
15817
- .dark-Tabs-linksContainer-main {
16043
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-main {
16044
+ position: relative;
15818
16045
  overflow-y: auto;
15819
16046
  scrollbar-width: none;
15820
16047
  width: 100%;
15821
16048
  }
15822
- .dark-Tabs-linksContainer-main::-webkit-scrollbar {
16049
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-main::-webkit-scrollbar {
15823
16050
  display: none;
15824
16051
  }
15825
- .dark-Tabs-linksContainer-main > .dark-Tabs-links {
15826
- white-space: nowrap;
16052
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-main .dark-Tabs-links {
15827
16053
  min-width: 100%;
15828
- display: inline-block;
16054
+ max-width: 0;
16055
+ height: 100%;
16056
+ overflow-x: hidden;
15829
16057
  }
15830
- .dark-Tabs .dark-Tabs-linksContainer--overflow {
15831
- padding: 0 20px;
16058
+ .dark-Tabs-linksContainer-wrapper .dark-Tabs-linksContainer-main .dark-Tabs-links .dark-Tabs-links-drag {
16059
+ position: absolute;
16060
+ height: 100%;
16061
+ top: 0;
16062
+ box-shadow: 0 0 0 1px red;
15832
16063
  }
15833
16064
  .dark-Tabs-links {
16065
+ display: flex;
15834
16066
  margin: 0;
15835
16067
  padding: 0;
15836
- border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
15837
16068
  list-style: none;
15838
16069
  user-select: none;
15839
16070
  }
@@ -15845,9 +16076,24 @@ input[type=button].dark-Button--block {
15845
16076
  clear: both;
15846
16077
  }
15847
16078
  .dark-Tabs-links > .dark-Tabs-link {
15848
- margin-bottom: calc(var(--Tabs-borderWidth) * -1);
15849
- display: inline-block;
15850
16079
  position: relative;
16080
+ flex: none;
16081
+ display: flex;
16082
+ max-width: var(--Tabs-link-maxWidth);
16083
+ overflow: hidden;
16084
+ }
16085
+ .dark-Tabs-links > .dark-Tabs-link .dark-Tabs-link-edit {
16086
+ max-width: var(--Tabs-link-maxWidth);
16087
+ border: none;
16088
+ outline: none;
16089
+ }
16090
+ .dark-Tabs-links > .dark-Tabs-link .dark-Tabs-link-close {
16091
+ margin: var(--Tabs-close-marginTop) 0 0 var(--Tabs-close-margin);
16092
+ fill: var(--Tabs-gray-color);
16093
+ cursor: pointer;
16094
+ }
16095
+ .dark-Tabs-links > .dark-Tabs-link .dark-Tabs-link-close .dark-Tabs-link-close-icon {
16096
+ width: var(--Tabs-close-size);
15851
16097
  }
15852
16098
  .dark-Tabs-links > .dark-Tabs-link > a:first-child {
15853
16099
  font-size: var(--Tabs-linkFontSize);
@@ -15861,6 +16107,9 @@ input[type=button].dark-Button--block {
15861
16107
  text-decoration: none;
15862
16108
  cursor: pointer;
15863
16109
  display: block;
16110
+ text-overflow: ellipsis;
16111
+ overflow: hidden;
16112
+ white-space: nowrap;
15864
16113
  }
15865
16114
  .dark-Tabs-links > .dark-Tabs-link > .dark-Combo-toolbarBtn {
15866
16115
  position: absolute;
@@ -15874,14 +16123,13 @@ input[type=button].dark-Button--block {
15874
16123
  }
15875
16124
  .dark-Tabs-links > .dark-Tabs-link:hover > a:first-child,
15876
16125
  .dark-Tabs-links > .dark-Tabs-link > a:first-child:focus {
15877
- border-color: var(--Tabs-onHover-borderColor);
15878
16126
  text-decoration: none;
15879
16127
  }
15880
16128
  .dark-Tabs-links > .dark-Tabs-link.disabled, .dark-Tabs-links > .dark-Tabs-link.is-disabled {
15881
16129
  cursor: not-allowed;
15882
16130
  }
15883
16131
  .dark-Tabs-links > .dark-Tabs-link.disabled > a:first-child, .dark-Tabs-links > .dark-Tabs-link.is-disabled > a:first-child {
15884
- color: var(--Tabs-onDisabled-color);
16132
+ color: var(--Tabs-link-disabled-color);
15885
16133
  background: transparent;
15886
16134
  border-color: transparent;
15887
16135
  pointer-events: none;
@@ -15896,7 +16144,7 @@ input[type=button].dark-Button--block {
15896
16144
  background: var(--Tabs-content-bg);
15897
16145
  border-style: solid;
15898
16146
  border-width: 0 var(--Tabs-borderWidth) var(--Tabs-borderWidth);
15899
- border-color: var(--Tabs-borderColor);
16147
+ border-color: var(--Tabs--simple-split-color);
15900
16148
  }
15901
16149
  .dark-Tabs-pane {
15902
16150
  display: none;
@@ -15910,30 +16158,63 @@ input[type=button].dark-Button--block {
15910
16158
  .dark-Tabs-pane.in {
15911
16159
  opacity: 1;
15912
16160
  }
16161
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper {
16162
+ border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16163
+ }
16164
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper--toolbar .dark-Tabs-link {
16165
+ padding-top: 10px;
16166
+ }
16167
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper--toolbar .dark-Tabs-addable {
16168
+ padding: 0;
16169
+ }
16170
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper--toolbar .dark-Tabs-linksContainer-arrow {
16171
+ margin: 0;
16172
+ }
15913
16173
  .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
15914
16174
  top: -4px;
15915
16175
  }
15916
- .dark-Tabs--line > .dark-Tabs-links, .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
16176
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links,
16177
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
15917
16178
  border-bottom-color: var(--Tabs--line-borderColor);
15918
16179
  }
15919
- .dark-Tabs--line > .dark-Tabs-links > li > a:first-child, .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
16180
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li,
16181
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
16182
+ padding-left: var(--Tabs--line-padding);
16183
+ padding-right: var(--Tabs--line-padding);
16184
+ }
16185
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:first-of-type,
16186
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:first-of-type {
16187
+ padding-left: 0;
16188
+ }
16189
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:last-of-type,
16190
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-of-type {
16191
+ padding-right: 0;
16192
+ }
16193
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child,
16194
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
15920
16195
  border-width: 0 0 var(--Tabs--line-borderWidth) 0;
15921
16196
  padding: var(--Tabs--line-linkPadding);
15922
- margin: var(--Tabs--line-linkMargin);
15923
16197
  }
15924
- .dark-Tabs--line > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--line > .dark-Tabs-links > li > a:first-child:focus, .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
16198
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover a:first-child,
16199
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover a:first-child {
15925
16200
  color: var(--primary);
15926
16201
  background: transparent;
15927
16202
  border-color: transparent;
15928
16203
  }
15929
- .dark-Tabs--line > .dark-Tabs-links > li:last-child > a, .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-child > a {
16204
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover .dark-Tabs-link-close,
16205
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover .dark-Tabs-link-close {
16206
+ fill: var(--primary);
16207
+ }
16208
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:last-child > a,
16209
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-child > a {
15930
16210
  margin: 0;
15931
16211
  }
15932
- .dark-Tabs--line > .dark-Tabs-links > li.is-active > a:first-child,
15933
- .dark-Tabs--line > .dark-Tabs-links > li.is-active > a:first-child:hover,
15934
- .dark-Tabs--line > .dark-Tabs-links > li.is-active > a:first-child:focus, .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
15935
- .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
15936
- .dark-Tabs--line > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
16212
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
16213
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:hover,
16214
+ .dark-Tabs--line > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:focus,
16215
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
16216
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
16217
+ .dark-Tabs--line > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
15937
16218
  border-color: var(--Tabs--line-onHover-borderColor);
15938
16219
  color: var(--Tabs--line-onHover-color);
15939
16220
  background: transparent;
@@ -15946,142 +16227,212 @@ input[type=button].dark-Button--block {
15946
16227
  .dark-Tabs--card > .dark-Tabs-linksContainer {
15947
16228
  background: var(--Tabs--card-bg);
15948
16229
  }
15949
- .dark-Tabs--card > .dark-Tabs-links, .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
15950
- padding: var(--Tabs--card-padding);
16230
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper {
15951
16231
  background: var(--Tabs--card-bg);
16232
+ }
16233
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-addable {
16234
+ margin-left: 0;
16235
+ padding: 0;
16236
+ padding-top: var(--Tabs--card-add-gap-top);
16237
+ margin-right: var(--Tabs--card-add-gap);
16238
+ }
16239
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer .dark-Tabs-addable {
16240
+ padding: 0;
16241
+ }
16242
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
16243
+ padding: var(--Tabs--card-arrow-gap) var(--Tabs--card-add-gap) 0;
16244
+ margin-bottom: 0;
16245
+ }
16246
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
16247
+ padding: var(--Tabs--card-padding);
15952
16248
  border-top: 0.0625rem solid var(--Tabs--card-borderTopColor);
15953
16249
  }
15954
- .dark-Tabs--card > .dark-Tabs-links > li.is-active > a:first-child,
15955
- .dark-Tabs--card > .dark-Tabs-links > li.is-active > a:first-child:hover,
15956
- .dark-Tabs--card > .dark-Tabs-links > li.is-active > a:first-child:focus, .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
15957
- .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
15958
- .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
16250
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
16251
+ padding: var(--Tabs--card-linkPadding);
16252
+ margin: var(--Tabs--card-linkMargin);
16253
+ border-top-left-radius: var(--Tabs-borderRadius);
16254
+ border-top-right-radius: var(--Tabs-borderRadius);
16255
+ cursor: pointer;
16256
+ }
16257
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active {
15959
16258
  border-color: var(--Tabs--card-onActive-borderColor);
15960
16259
  color: var(--primary);
15961
16260
  border-bottom-color: var(--Tabs--card-onActive-bg);
15962
16261
  background: var(--Tabs--card-onActive-bg);
15963
16262
  }
15964
- .dark-Tabs--card > .dark-Tabs-links > li > a:first-child, .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
15965
- padding: var(--Tabs--card-linkPadding);
15966
- margin: var(--Tabs--card-linkMargin);
15967
- }
15968
- .dark-Tabs--card > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--card > .dark-Tabs-links > li > a:first-child:focus, .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--card > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
15969
- color: #666;
16263
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover, .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:focus {
15970
16264
  background: var(--Tabs--card-onActive-bg);
15971
16265
  border-bottom-color: transparent;
15972
16266
  }
16267
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
16268
+ padding: 0;
16269
+ border: none;
16270
+ }
16271
+ .dark-Tabs--card > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-toolbar {
16272
+ padding: var(--Tabs--card-padding);
16273
+ margin: 0;
16274
+ }
15973
16275
  .dark-Tabs--card > .dark-Tabs-content {
15974
16276
  border-width: 0;
15975
16277
  }
15976
- .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
15977
- top: -4px;
16278
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper {
16279
+ margin-bottom: 0.625rem;
16280
+ }
16281
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
16282
+ padding: 0;
15978
16283
  }
15979
- .dark-Tabs--radio > .dark-Tabs-links, .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
16284
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
16285
+ margin-bottom: 0;
16286
+ }
16287
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
15980
16288
  border: 0;
15981
- margin-bottom: 0.625rem;
15982
16289
  }
15983
- .dark-Tabs--radio > .dark-Tabs-links > li, .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
16290
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
15984
16291
  margin: 0;
15985
- }
15986
- .dark-Tabs--radio > .dark-Tabs-links > li > a:first-child, .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
16292
+ align-items: center;
15987
16293
  border-width: 0.0625rem;
15988
- border-color: var(--Tabs-borderColor);
15989
- font-size: var(--fontSizeSm);
16294
+ border-color: var(--Tabs--simple-split-color);
15990
16295
  text-align: center;
15991
16296
  margin: 0;
15992
16297
  padding: 0 0.625rem;
15993
16298
  min-width: 68px;
15994
16299
  height: 1.875rem;
15995
- line-height: 1.875rem;
15996
- border-radius: 0;
15997
16300
  background: var(--Tabs--radio-bg);
16301
+ border-style: solid;
15998
16302
  }
15999
- .dark-Tabs--radio > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--radio > .dark-Tabs-links > li > a:first-child:focus, .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
16303
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover, .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:focus {
16000
16304
  color: var(--primary);
16001
16305
  }
16002
- .dark-Tabs--radio > .dark-Tabs-links > li.is-active > a:first-child,
16003
- .dark-Tabs--radio > .dark-Tabs-links > li.is-active > a:first-child:hover,
16004
- .dark-Tabs--radio > .dark-Tabs-links > li.is-active > a:first-child:focus, .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
16005
- .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
16006
- .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
16007
- color: var(--Tabs--radio-bg);
16306
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
16307
+ padding: 0;
16308
+ border-radius: 0;
16309
+ line-height: 1.875rem;
16310
+ font-size: var(--fontSizeSm);
16311
+ border: none;
16312
+ }
16313
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active {
16008
16314
  background: var(--primary);
16009
16315
  border-color: var(--primary);
16010
16316
  position: relative;
16011
16317
  z-index: 1;
16012
16318
  }
16013
- .dark-Tabs--radio > .dark-Tabs-links > li + li, .dark-Tabs--radio > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li + li {
16319
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child {
16320
+ background: var(--primary);
16321
+ color: var(--Tabs--radio-bg);
16322
+ }
16323
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > .dark-Tabs-link-close {
16324
+ fill: var(--Tabs--radio-bg);
16325
+ }
16326
+ .dark-Tabs--radio > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li + li {
16014
16327
  margin-left: -1px;
16015
16328
  }
16016
16329
  .dark-Tabs--radio > .dark-Tabs-content {
16017
- border-top: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
16330
+ border-top: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16018
16331
  }
16019
- .dark-Tabs--tiled > .dark-Tabs-links, .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
16332
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper {
16333
+ align-items: stretch;
16334
+ border-bottom: none;
16335
+ }
16336
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer {
16337
+ flex: 1;
16338
+ align-items: stretch;
16339
+ }
16340
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
16341
+ margin-bottom: 0;
16342
+ padding: 0 10px;
16343
+ height: auto;
16344
+ align-items: center;
16345
+ justify-content: center;
16346
+ border-width: var(--Tabs-borderWidth);
16347
+ border-style: solid;
16348
+ border-color: var(--Tabs--simple-split-color);
16349
+ }
16350
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer.dark-Tabs-linksContainer--overflow > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:first-of-type {
16351
+ border-left-width: 0;
16352
+ }
16353
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer.dark-Tabs-linksContainer--overflow > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:last-of-type {
16354
+ border-right-width: 0;
16355
+ }
16356
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
16357
+ padding: 0 var(--Tabs--tiled-add-gap);
16358
+ margin-left: 0;
16359
+ white-space: nowrap;
16360
+ border-style: solid;
16361
+ border-color: var(--Tabs--simple-split-color);
16362
+ border-width: var(--Tabs-borderWidth);
16363
+ border-left-width: 0;
16364
+ }
16365
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
16020
16366
  width: 100%;
16021
16367
  display: flex;
16022
16368
  flex-direction: row;
16023
16369
  padding-left: var(--Tabs-borderWidth);
16024
16370
  border-bottom: 0;
16025
16371
  }
16026
- .dark-Tabs--tiled > .dark-Tabs-links > li, .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
16372
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
16373
+ max-width: unset;
16027
16374
  flex-grow: 1;
16028
16375
  text-align: center;
16029
16376
  margin: 0 0 0 calc(var(--Tabs-borderWidth) * -1);
16030
- }
16031
- .dark-Tabs--tiled > .dark-Tabs-links > li > a:first-child, .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
16032
- margin: 0;
16033
- border-radius: 0;
16034
16377
  border-style: solid;
16035
- border-color: var(--Tabs-borderColor);
16378
+ border-color: var(--Tabs--simple-split-color);
16036
16379
  border-width: var(--Tabs-borderWidth);
16380
+ padding: var(--Tabs-linkPadding);
16381
+ cursor: pointer;
16037
16382
  }
16038
- .dark-Tabs--tiled > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--tiled > .dark-Tabs-links > li > a:first-child:focus, .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
16383
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover, .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:focus {
16039
16384
  position: relative;
16040
16385
  z-index: 1;
16041
16386
  border-color: var(--Tabs-onActive-borderColor);
16042
16387
  color: var(--primary);
16043
16388
  }
16044
- .dark-Tabs--tiled > .dark-Tabs-links > li.is-active > a:first-child,
16045
- .dark-Tabs--tiled > .dark-Tabs-links > li.is-active > a:first-child:hover,
16046
- .dark-Tabs--tiled > .dark-Tabs-links > li.is-active > a:first-child:focus, .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
16047
- .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
16048
- .dark-Tabs--tiled > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus {
16389
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
16390
+ margin: 0;
16391
+ border-radius: 0;
16392
+ padding: 0;
16393
+ flex: 1;
16394
+ border: none;
16395
+ }
16396
+ .dark-Tabs--tiled > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active {
16049
16397
  cursor: default;
16050
16398
  color: var(--primary);
16051
- border-color: var(--Tabs-borderColor);
16399
+ border-color: var(--Tabs--simple-split-color);
16052
16400
  border-top-color: var(--primary);
16053
16401
  border-bottom-color: transparent;
16054
16402
  }
16055
16403
  .dark-Tabs--vertical {
16056
16404
  display: flex;
16057
16405
  min-height: 12.5rem;
16058
- border: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
16406
+ border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16059
16407
  border-radius: 0;
16060
16408
  }
16061
- .dark-Tabs--vertical > .dark-Tabs-links {
16062
- width: var(--Tabs--vertical-width);
16409
+ .dark-Tabs--vertical > .dark-Tabs-linksWrapper {
16410
+ flex-direction: column;
16063
16411
  background: var(--Tabs--vertical-onActive-container-bg);
16412
+ }
16413
+ .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links {
16414
+ width: var(--Tabs--vertical-width);
16064
16415
  border: none;
16065
16416
  border-right: var(--Tabs--vertical-onActive-container-borderRight);
16066
- padding-bottom: 3.75rem;
16417
+ flex-direction: column;
16067
16418
  }
16068
- .dark-Tabs--vertical > .dark-Tabs-links > li {
16419
+ .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li {
16069
16420
  margin: 0 0 0 -1px;
16070
16421
  display: block;
16071
16422
  }
16072
- .dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child {
16423
+ .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child {
16073
16424
  border-color: transparent;
16074
16425
  border-radius: 0;
16075
16426
  border-width: var(--Tabs--vertical-onActive-borderWidth);
16076
16427
  margin: 0;
16077
16428
  }
16078
- .dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--vertical > .dark-Tabs-links > li > a:first-child:focus {
16429
+ .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:focus {
16079
16430
  color: var(--primary);
16080
16431
  border-color: transparent;
16081
16432
  }
16082
- .dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child,
16083
- .dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child:hover,
16084
- .dark-Tabs--vertical > .dark-Tabs-links > li.is-active > a:first-child:focus {
16433
+ .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
16434
+ .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:hover,
16435
+ .dark-Tabs--vertical > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:focus {
16085
16436
  color: var(--Tabs--vertical-onActive-color);
16086
16437
  background: var(--Tabs--vertical-onActive-bg);
16087
16438
  border-color: var(--Tabs--vertical-onActive-border);
@@ -16093,14 +16444,87 @@ input[type=button].dark-Button--block {
16093
16444
  .dark-Tabs--vertical > .dark-Tabs-content > .dark-Tabs-pane {
16094
16445
  height: 100%;
16095
16446
  }
16096
- .dark-Tabs--chrome > .dark-Tabs-links {
16447
+ .dark-Tabs--sidebar {
16448
+ display: flex;
16449
+ height: 100%;
16450
+ }
16451
+ .dark-Tabs--sidebar.sidebar--left {
16452
+ flex-direction: row;
16453
+ }
16454
+ .dark-Tabs--sidebar.sidebar--left > .dark-Tabs-content {
16455
+ border-right: none;
16456
+ }
16457
+ .dark-Tabs--sidebar.sidebar--right {
16458
+ flex-direction: row-reverse;
16459
+ }
16460
+ .dark-Tabs--sidebar.sidebar--right > .dark-Tabs-content {
16461
+ border-left: none;
16462
+ }
16463
+ .dark-Tabs--sidebar > .dark-Tabs-linksWrapper {
16464
+ flex: 0 0 var(--Tabs--sidebar-sideWidth);
16465
+ align-items: flex-start;
16466
+ border: none;
16467
+ }
16468
+ .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links {
16469
+ position: relative;
16470
+ margin: 0;
16471
+ padding-top: var(--Tabs--sidebar-sidePadding);
16472
+ flex-grow: 1;
16473
+ border: none;
16474
+ flex-direction: column;
16475
+ border: 0;
16476
+ }
16477
+ .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li {
16478
+ display: flex;
16479
+ margin: var(--Tabs--sidebar-sideMargin);
16480
+ padding: 0;
16481
+ flex-direction: column;
16482
+ justify-content: flex-start;
16483
+ align-items: center;
16484
+ border: 0;
16485
+ }
16486
+ .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child {
16487
+ padding: 0;
16488
+ border: 0;
16489
+ margin: 0;
16490
+ display: flex;
16491
+ flex-direction: column;
16492
+ align-items: center;
16493
+ color: var(--Tabs-gray-color);
16494
+ }
16495
+ .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child .dark-Icon {
16496
+ font-size: var(--Tabs--sidebar-iconSize);
16497
+ height: var(--Tabs--sidebar-iconSize);
16498
+ margin-bottom: var(--Tabs--sidebar-iconMargin);
16499
+ }
16500
+ .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
16501
+ .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:hover,
16502
+ .dark-Tabs--sidebar > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child:focus {
16503
+ color: var(--Tabs--sidebar-iconColor);
16504
+ }
16505
+ .dark-Tabs--sidebar > .dark-Tabs-content {
16506
+ flex-grow: 1;
16507
+ border-bottom: none;
16508
+ }
16509
+ .dark-Tabs--sidebar > .dark-Tabs-content > .dark-Tabs-pane {
16510
+ height: 100%;
16511
+ }
16512
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper {
16097
16513
  background: var(--Tabs--chrome-bg);
16514
+ border-bottom: none;
16515
+ }
16516
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-addable {
16517
+ margin-left: 0;
16518
+ padding: 0;
16519
+ padding-top: 10px;
16520
+ }
16521
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links {
16098
16522
  border-bottom: 0;
16099
16523
  padding: 0 0.625rem;
16100
16524
  padding-top: 0.5rem;
16101
16525
  display: flex;
16102
16526
  }
16103
- .dark-Tabs--chrome > .dark-Tabs-links > li {
16527
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li {
16104
16528
  position: relative;
16105
16529
  margin-bottom: 0;
16106
16530
  white-space: nowrap;
@@ -16109,25 +16533,27 @@ input[type=button].dark-Button--block {
16109
16533
  padding: 0.4375rem 1.25rem 0.375rem;
16110
16534
  cursor: pointer;
16111
16535
  flex: 1;
16536
+ overflow: inherit;
16112
16537
  }
16113
- .dark-Tabs--chrome > .dark-Tabs-links > li > a:first-child {
16538
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li > a:first-child {
16114
16539
  background: none;
16115
16540
  border: none;
16116
16541
  position: relative;
16117
16542
  z-index: 5;
16118
16543
  overflow: hidden;
16119
16544
  padding: 0;
16545
+ text-overflow: unset;
16120
16546
  }
16121
- .dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child,
16122
- .dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child:hover,
16123
- .dark-Tabs--chrome > .dark-Tabs-links > li.is-active > a:first-child:focus {
16547
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child,
16548
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:hover,
16549
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active > a:first-child:focus {
16124
16550
  background: none;
16125
16551
  border: none;
16126
16552
  }
16127
- .dark-Tabs--chrome > .dark-Tabs-links > li.is-active:after {
16553
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active:after {
16128
16554
  display: none;
16129
16555
  }
16130
- .dark-Tabs--chrome > .dark-Tabs-links > li:after {
16556
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:after {
16131
16557
  content: "";
16132
16558
  width: 1px;
16133
16559
  height: calc(100% - var(--Tabs--chrome-radius-size) * 2);
@@ -16136,22 +16562,22 @@ input[type=button].dark-Button--block {
16136
16562
  background: var(--Tabs--chrome-right-boder-color);
16137
16563
  top: var(--Tabs--chrome-radius-size);
16138
16564
  }
16139
- .dark-Tabs--chrome > .dark-Tabs-links > li:hover .chrome-tab-background {
16565
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover .chrome-tab-background {
16140
16566
  z-index: 3;
16141
16567
  display: block;
16142
16568
  background-color: var(--Tabs--chrome-onHover-bg);
16143
16569
  }
16144
- .dark-Tabs--chrome > .dark-Tabs-links > li:hover .chrome-tab-background > svg {
16570
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover .chrome-tab-background > svg {
16145
16571
  fill: var(--Tabs--chrome-onHover-bg);
16146
16572
  }
16147
- .dark-Tabs--chrome > .dark-Tabs-links > li:hover:after {
16573
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li:hover:after {
16148
16574
  display: none;
16149
16575
  }
16150
- .dark-Tabs--chrome > .dark-Tabs-links > li.is-active .chrome-tab-background {
16576
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active .chrome-tab-background {
16151
16577
  display: block;
16152
16578
  background-color: var(--Tabs-onActive-bg);
16153
16579
  }
16154
- .dark-Tabs--chrome > .dark-Tabs-links > li.is-active .chrome-tab-background > svg {
16580
+ .dark-Tabs--chrome > .dark-Tabs-linksWrapper > .dark-Tabs-links > li.is-active .chrome-tab-background > svg {
16155
16581
  fill: var(--Tabs-onActive-bg);
16156
16582
  }
16157
16583
  .dark-Tabs--chrome .chrome-tab-background {
@@ -16177,10 +16603,148 @@ input[type=button].dark-Button--block {
16177
16603
  .dark-Tabs--chrome .chrome-tab-background > .chrome-tab-background--left {
16178
16604
  left: calc(var(--Tabs--chrome-radius-size) * -1);
16179
16605
  }
16606
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper {
16607
+ border-bottom: none;
16608
+ }
16609
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
16610
+ padding: 0;
16611
+ }
16612
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-arrow {
16613
+ margin-bottom: 0;
16614
+ }
16615
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links {
16616
+ border: none;
16617
+ }
16618
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li {
16619
+ position: relative;
16620
+ border: none;
16621
+ padding: var(--Tabs--simple-split-size);
16622
+ }
16623
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li::after {
16624
+ content: "";
16625
+ position: absolute;
16626
+ top: 50%;
16627
+ right: 0;
16628
+ width: var(--Tabs--simple-split-width);
16629
+ height: var(--Tabs-add-icon-size);
16630
+ transform: translateY(-50%);
16631
+ background-color: var(--Tabs--simple-split-color);
16632
+ }
16633
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > .dark-Tabs-link-close {
16634
+ padding-top: var(--Tabs--simple-split-width);
16635
+ cursor: pointer;
16636
+ }
16637
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:last-of-type::after {
16638
+ content: none;
16639
+ }
16640
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child,
16641
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:hover,
16642
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li.is-active > a:first-child:focus, .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover > a:first-child,
16643
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover > a:first-child:hover,
16644
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover > a:first-child:focus {
16645
+ color: var(--Tabs--line-onHover-color);
16646
+ border: none;
16647
+ }
16648
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li:hover .dark-Tabs-link-close {
16649
+ fill: var(--primary);
16650
+ }
16651
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child {
16652
+ padding: 0;
16653
+ }
16654
+ .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child, .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:hover, .dark-Tabs--simple > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > li > a:first-child:focus {
16655
+ border: none;
16656
+ }
16657
+ .dark-Tabs--simple > .dark-Tabs-content {
16658
+ border: none;
16659
+ }
16660
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper {
16661
+ align-items: stretch;
16662
+ border-bottom: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16663
+ }
16664
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable {
16665
+ width: var(--Tabs--strong-add-size);
16666
+ margin-left: var(--Tabs--card-arrow-gap);
16667
+ padding: 0;
16668
+ margin-bottom: calc(var(--Tabs-borderWidth) * -1);
16669
+ align-items: center;
16670
+ justify-content: center;
16671
+ font-size: 0;
16672
+ border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16673
+ border-top-left-radius: var(--Tabs-borderRadius);
16674
+ border-top-right-radius: var(--Tabs-borderRadius);
16675
+ flex: none;
16676
+ }
16677
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable > .dark-Tabs-addable-icon {
16678
+ margin-right: 0;
16679
+ }
16680
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper .dark-Tabs-addable:hover {
16681
+ color: var(--Tabs--line-onHover-color);
16682
+ }
16683
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer {
16684
+ margin-bottom: calc(var(--Tabs-borderWidth) * -1);
16685
+ }
16686
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer.dark-Tabs-linksContainer--overflow > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:first-of-type {
16687
+ border-left-width: 0;
16688
+ border-top-left-radius: 0;
16689
+ }
16690
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer.dark-Tabs-linksContainer--overflow > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:last-of-type {
16691
+ border-right-width: 0;
16692
+ border-top-right-radius: 0;
16693
+ }
16694
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-arrow {
16695
+ width: var(--Tabs--strong-arrow-size);
16696
+ margin-bottom: 0;
16697
+ padding: 0;
16698
+ justify-content: center;
16699
+ border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16700
+ border-top-right-radius: var(--Tabs-borderRadius);
16701
+ box-sizing: border-box;
16702
+ }
16703
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-arrow--left {
16704
+ padding-right: 0;
16705
+ border-right-width: 0;
16706
+ border-top-left-radius: var(--Tabs-borderRadius);
16707
+ }
16708
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer .dark-Tabs-linksContainer-arrow--right {
16709
+ padding-left: 0;
16710
+ border-left-width: 0;
16711
+ border-top-right-radius: var(--Tabs-borderRadius);
16712
+ }
16713
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link {
16714
+ margin-right: var(--Tabs--card-arrow-gap);
16715
+ padding: var(--Tabs--card-arrow-gap) var(--Tabs--card-add-gap);
16716
+ background: var(--Tabs-onActive-bg);
16717
+ border-top-left-radius: var(--Tabs-borderRadius);
16718
+ border-top-right-radius: var(--Tabs-borderRadius);
16719
+ border: var(--Tabs-borderWidth) solid var(--Tabs--simple-split-color);
16720
+ cursor: pointer;
16721
+ }
16722
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active {
16723
+ border-bottom-color: var(--Tabs-onActive-bg);
16724
+ }
16725
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active > a:first-child,
16726
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active > a:first-child:hover,
16727
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link.is-active > a:first-child:focus, .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:hover > a:first-child,
16728
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:hover > a:first-child:hover,
16729
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:hover > a:first-child:focus {
16730
+ color: var(--Tabs--line-onHover-color);
16731
+ }
16732
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:hover .dark-Tabs-link-close {
16733
+ fill: var(--primary);
16734
+ }
16735
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link:last-of-type {
16736
+ margin-right: 0;
16737
+ }
16738
+ .dark-Tabs--strong > .dark-Tabs-linksContainer-wrapper > .dark-Tabs-linksContainer > .dark-Tabs-linksContainer-main > .dark-Tabs-links > .dark-Tabs-link > a:first-child {
16739
+ padding: 0;
16740
+ margin: 0;
16741
+ border: none;
16742
+ }
16180
16743
  .dark-Tabs-toolbar {
16181
- display: inline-block;
16182
- float: right;
16183
- padding-top: var(--gap-xs);
16744
+ margin-left: var(--gap-base);
16745
+ display: flex;
16746
+ flex-direction: row;
16747
+ align-items: center;
16184
16748
  }
16185
16749
 
16186
16750
  .dark-Nav {
@@ -17101,11 +17665,15 @@ input[type=button].dark-Button--block {
17101
17665
  border-top-left-radius: 0;
17102
17666
  border-bottom-left-radius: 0;
17103
17667
  }
17668
+ .dark-ButtonGroup > .dark-ButtonGroup:last-child > .dark-Button:not(:last-child) {
17669
+ border-top-right-radius: 0;
17670
+ }
17104
17671
 
17105
17672
  .dark-ButtonGroup--vertical {
17106
17673
  flex-direction: column;
17107
17674
  align-items: flex-start;
17108
17675
  justify-content: center;
17676
+ /* 修正头尾的圆角 */
17109
17677
  }
17110
17678
  .dark-ButtonGroup--vertical .dark-Button,
17111
17679
  .dark-ButtonGroup--vertical .dark-ButtonGroup {
@@ -17128,6 +17696,14 @@ input[type=button].dark-Button--block {
17128
17696
  border-top-left-radius: 0;
17129
17697
  border-top-right-radius: 0;
17130
17698
  }
17699
+ .dark-ButtonGroup--vertical > .dark-Button:first-child,
17700
+ .dark-ButtonGroup--vertical > .dark-ButtonGroup:first-child > .dark-Button:first-child {
17701
+ border-top-right-radius: var(--Button-borderRadius);
17702
+ }
17703
+ .dark-ButtonGroup--vertical > .dark-Button:last-child,
17704
+ .dark-ButtonGroup--vertical > .dark-ButtonGroup:last-child > .dark-Button:last-child {
17705
+ border-bottom-left-radius: var(--Button-borderRadius);
17706
+ }
17131
17707
 
17132
17708
  .dark-ButtonGroup--tiled {
17133
17709
  display: flex;
@@ -23797,6 +24373,9 @@ fieldset.dark-Collapse--lg:after {
23797
24373
  display: inline-block;
23798
24374
  }
23799
24375
 
24376
+ .dark-CityArea {
24377
+ text-align: right;
24378
+ }
23800
24379
  .dark-CityArea-popup {
23801
24380
  height: 17.5rem;
23802
24381
  }
@@ -23841,7 +24420,7 @@ fieldset.dark-Collapse--lg:after {
23841
24420
  .dark-Switch .text {
23842
24421
  margin: 0 0.4375rem 0 1.5625rem;
23843
24422
  color: var(--Switch-valueColor);
23844
- text-indent: calc(var(--Switch-width) / 2);
24423
+ text-indent: var(--gap-xs);
23845
24424
  text-transform: uppercase;
23846
24425
  font-size: var(--fontSizeSm);
23847
24426
  line-height: var(--Switch-height);
@@ -23874,9 +24453,7 @@ fieldset.dark-Collapse--lg:after {
23874
24453
  border-width: 0;
23875
24454
  }
23876
24455
  .dark-Switch.is-checked .text {
23877
- margin: 0 25px 0 7px;
23878
24456
  color: var(--white);
23879
- text-indent: var(--gap-xs);
23880
24457
  }
23881
24458
  .dark-Switch.is-checked.is-disabled .slider:before {
23882
24459
  color: var(--Switch-onDisabled-color);
@@ -23919,6 +24496,7 @@ fieldset.dark-Collapse--lg:after {
23919
24496
  background: var(--Number-bg);
23920
24497
  border: var(--Number-borderWidth) solid var(--Number-borderColor);
23921
24498
  border-radius: var(--Number-borderRadius);
24499
+ overflow: hidden;
23922
24500
  }
23923
24501
  .dark-Number--borderHalf {
23924
24502
  border-left-color: transparent !important;
@@ -23979,6 +24557,7 @@ fieldset.dark-Collapse--lg:after {
23979
24557
  transition: all var(--animation-duration) ease;
23980
24558
  border: 0;
23981
24559
  border-radius: var(--Form-input-borderRadius);
24560
+ color: var(--Form-input-color);
23982
24561
  padding: 0 var(--Form-input-paddingX);
23983
24562
  }
23984
24563
  .dark-Number-handler {
@@ -25599,6 +26178,31 @@ td.rdtQuarter.rdtDisabled > span {
25599
26178
  position: relative;
25600
26179
  width: 7.5rem;
25601
26180
  }
26181
+ .dark-ImageControl-item.is-invalid {
26182
+ padding: 0;
26183
+ border-color: var(--FileControl-danger-color);
26184
+ }
26185
+ .dark-ImageControl-item svg.icon-refresh {
26186
+ transform: rotate(180deg);
26187
+ }
26188
+ .dark-ImageControl-filename {
26189
+ display: inline-flex;
26190
+ flex-direction: column;
26191
+ justify-content: center;
26192
+ align-items: center;
26193
+ color: var(--FileControl-danger-color);
26194
+ }
26195
+ .dark-ImageControl-filename > svg.icon-image {
26196
+ margin-bottom: 8px;
26197
+ width: 24px;
26198
+ height: 24px;
26199
+ }
26200
+ .dark-ImageControl-filename > span {
26201
+ max-width: 100%;
26202
+ overflow: hidden;
26203
+ white-space: nowrap;
26204
+ text-overflow: ellipsis;
26205
+ }
25602
26206
  .dark-ImageControl-image {
25603
26207
  width: 100%;
25604
26208
  height: 100%;
@@ -25653,28 +26257,6 @@ td.rdtQuarter.rdtDisabled > span {
25653
26257
  .dark-ImageControl-item.is-invalid:hover .dark-ImageControl-itemClear {
25654
26258
  display: block;
25655
26259
  }
25656
- .dark-ImageControl-retryBtn {
25657
- margin: 0;
25658
- width: 6.875rem;
25659
- height: 6.875rem;
25660
- display: inline-flex;
25661
- cursor: pointer;
25662
- justify-content: center;
25663
- align-items: center;
25664
- align-content: center;
25665
- flex-wrap: wrap;
25666
- color: #666;
25667
- }
25668
- .dark-ImageControl-retryBtn:hover {
25669
- color: #333;
25670
- text-decoration: none;
25671
- }
25672
- .dark-ImageControl-retryBtn > p {
25673
- width: 100%;
25674
- text-align: center;
25675
- color: var(--danger);
25676
- margin: 10px 0 0;
25677
- }
25678
26260
  .dark-ImageControl-errorMsg {
25679
26261
  color: var(--danger);
25680
26262
  margin: 5px 0 0;
@@ -25744,43 +26326,58 @@ td.rdtQuarter.rdtDisabled > span {
25744
26326
  }
25745
26327
  .dark-FileControl-selectBtn {
25746
26328
  display: inline-flex;
25747
- align-items: center;
25748
26329
  margin-right: 10px;
25749
26330
  }
25750
26331
  .dark-FileControl-selectBtn > svg {
25751
- width: 0.875rem;
25752
- height: 0.875rem;
26332
+ margin-right: 4px !important;
26333
+ width: 1rem;
26334
+ height: 1rem;
26335
+ }
26336
+ .dark-FileControl-selectBtn > span {
26337
+ font-size: var(--fontSizeSm);
26338
+ line-height: 20px;
25753
26339
  }
25754
26340
  .dark-FileControl-description {
25755
26341
  color: #999;
25756
26342
  font-size: 12px;
25757
26343
  }
26344
+ .dark-FileControl-sizeTip {
26345
+ margin-top: 4px;
26346
+ line-height: 20px;
26347
+ font-size: var(--fontSizeSm);
26348
+ color: var(--FileControl-icon-color);
26349
+ }
25758
26350
  .dark-FileControl-list {
25759
26351
  list-style: none;
25760
- margin: 10px 0;
26352
+ margin: 8px 0;
25761
26353
  padding: 0;
26354
+ max-height: 144px;
26355
+ overflow-x: hidden;
26356
+ overflow-y: auto;
25762
26357
  }
25763
26358
  .dark-FileControl-list > li {
25764
- color: #333;
26359
+ margin-bottom: 4px;
25765
26360
  font-size: 12px;
25766
26361
  }
25767
26362
  .dark-FileControl-list > li:hover {
25768
- color: #108cee;
25769
- background: #f3f3f3;
26363
+ border-radius: 2px;
26364
+ background: var(--FileControl-onHover-bg);
26365
+ }
26366
+ .dark-FileControl-list-tooltip span {
26367
+ font-size: var(--fontSizeSm);
26368
+ color: var(--FileControl-danger-color);
25770
26369
  }
25771
26370
  .dark-FileControl-itemInfo {
25772
- padding: 0px 6px;
25773
- line-height: 26px;
26371
+ padding: 2px 4px;
26372
+ display: flex;
26373
+ line-height: 24px;
25774
26374
  height: auto;
25775
26375
  }
25776
26376
  .dark-FileControl-itemInfo span {
25777
26377
  word-break: break-all;
25778
26378
  }
25779
26379
  .dark-FileControl-itemInfo.is-invalid {
25780
- color: #999;
25781
- }
25782
- .dark-FileControl-itemInfo > svg:first-child {
25783
- margin-right: 10px;
26380
+ color: var(--FileControl-danger-color);
25784
26381
  }
25785
26382
  .dark-FileControl-itemInfo > svg:not(:first-child) {
25786
26383
  margin-left: 10px;
@@ -25788,22 +26385,23 @@ td.rdtQuarter.rdtDisabled > span {
25788
26385
  height: 1rem;
25789
26386
  top: var(--gap-xs);
25790
26387
  }
26388
+ .dark-FileControl-itemInfoIcon {
26389
+ margin-right: 4px;
26390
+ }
25791
26391
  .dark-FileControl-itemInfoText {
25792
26392
  white-space: nowrap;
25793
- max-width: 170px;
25794
26393
  overflow: hidden;
25795
26394
  text-overflow: ellipsis;
25796
- display: inline-block;
25797
26395
  vertical-align: middle;
25798
26396
  }
25799
26397
  .dark-FileControl-clear {
25800
26398
  float: right;
25801
- color: #999;
26399
+ color: var(--FileControl-icon-color);
25802
26400
  display: none;
25803
26401
  cursor: pointer;
25804
26402
  }
25805
26403
  .dark-FileControl-clear:hover {
25806
- color: #333;
26404
+ color: var(--FileControl-icon-onHover-color);
25807
26405
  }
25808
26406
  .dark-FileControl-list:empty {
25809
26407
  display: none;
@@ -25846,14 +26444,46 @@ td.rdtQuarter.rdtDisabled > span {
25846
26444
  min-width: 10%;
25847
26445
  transition: ease-out width var(--animation-duration);
25848
26446
  }
26447
+ .dark-FileControl-dropzone.disabled > .dark-FileControl-acceptTip {
26448
+ filter: grayscale(100%);
26449
+ box-shadow: none;
26450
+ cursor: not-allowed;
26451
+ color: var(--FileControl-onDisabled-color);
26452
+ pointer-events: auto;
26453
+ background: var(--FileControl-onDisabled-bg);
26454
+ }
26455
+ .dark-FileControl-dropzone.disabled > .dark-FileControl-acceptTip:hover {
26456
+ border-color: var(--FileControl-border-color);
26457
+ }
26458
+ .dark-FileControl-dropzone.disabled > .dark-FileControl-acceptTip > div,
26459
+ .dark-FileControl-dropzone.disabled > .dark-FileControl-acceptTip > span {
26460
+ color: var(--FileControl-onDisabled-color);
26461
+ }
25849
26462
  .dark-FileControl-acceptTip {
25850
- height: 120px;
25851
- color: #999;
25852
- border: 2px dashed var(--info);
25853
- border-radius: var(--borderRadius);
25854
- background: #f3f9fe;
25855
- line-height: 120px;
26463
+ display: flex;
26464
+ align-items: center;
26465
+ justify-content: center;
26466
+ flex-flow: column;
26467
+ height: 180px;
25856
26468
  text-align: center;
26469
+ border: 1px dashed var(--FileControl-border-color);
26470
+ border-radius: var(--borderRadius);
26471
+ background: var(--white);
26472
+ cursor: pointer;
26473
+ }
26474
+ .dark-FileControl-acceptTip:hover {
26475
+ border-color: var(--info);
26476
+ }
26477
+ .dark-FileControl-acceptTip > span {
26478
+ margin-top: 8px;
26479
+ line-height: 20px;
26480
+ font-size: var(--fontSizeSm);
26481
+ color: var(--FileControl-drag-color);
26482
+ }
26483
+ .dark-FileControl-acceptTip > svg {
26484
+ width: 48px;
26485
+ height: 48px;
26486
+ top: 0;
25857
26487
  }
25858
26488
  .dark-FileControl-sum {
25859
26489
  font-size: var(--fontSizeSm);