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
@@ -12741,12 +12741,93 @@ input[type=button].a-Button--block {
12741
12741
  transform: scale(1.1);
12742
12742
  }
12743
12743
 
12744
+ .a-Breadcrumb {
12745
+ font-size: 0.875rem;
12746
+ font-weight: 400;
12747
+ color: #83868c;
12748
+ }
12744
12749
  .a-Breadcrumb-icon {
12745
12750
  margin-right: 0.125rem;
12751
+ min-width: 0.25rem;
12752
+ }
12753
+ .a-Breadcrumb-item {
12754
+ position: relative;
12755
+ }
12756
+ .a-Breadcrumb-item-default {
12757
+ cursor: pointer;
12758
+ color: #83868c;
12759
+ }
12760
+ .a-Breadcrumb-item-dropdown {
12761
+ cursor: pointer;
12762
+ color: #151a26;
12763
+ }
12764
+ .a-Breadcrumb-item a:hover {
12765
+ color: #2468f2;
12766
+ }
12767
+ .a-Breadcrumb-item a:active {
12768
+ color: #1c53c1;
12769
+ }
12770
+ .a-Breadcrumb-item-last .a-Breadcrumb-item-default {
12771
+ font-weight: 500;
12772
+ color: #151a26;
12773
+ }
12774
+ .a-Breadcrumb-item-caret {
12775
+ margin-left: 0.5rem;
12776
+ cursor: pointer;
12777
+ display: inline-block;
12778
+ transition: transform 0.2s ease;
12779
+ }
12780
+ .a-Breadcrumb-item-caret > svg {
12781
+ width: 0.625rem;
12782
+ height: 0.625rem;
12783
+ top: 0.0625rem;
12784
+ }
12785
+ .a-Breadcrumb-item.is-opened .a-Breadcrumb-item-caret {
12786
+ transform: translateY(0.125rem) rotate(180deg);
12787
+ color: #2468f2;
12788
+ }
12789
+ .a-Breadcrumb-item.is-opened .a-Breadcrumb-item-default {
12790
+ color: #2468f2;
12746
12791
  }
12747
12792
  .a-Breadcrumb-separator {
12748
12793
  user-select: none;
12749
- margin: 0 0.25rem;
12794
+ margin: 0 0.5rem;
12795
+ text-align: center;
12796
+ min-width: 0.25rem;
12797
+ }
12798
+ .a-Breadcrumb-dropdown {
12799
+ position: absolute;
12800
+ z-index: 1000;
12801
+ top: 100%;
12802
+ left: 0;
12803
+ margin: 0.0625rem 0;
12804
+ background: #fff;
12805
+ list-style: none;
12806
+ padding: 0.25rem 0;
12807
+ border: 0.0625rem solid #d1d5db;
12808
+ border-radius: 0.142rem;
12809
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
12810
+ min-width: 100%;
12811
+ text-align: left;
12812
+ font-size: 0.75rem;
12813
+ }
12814
+ .a-Breadcrumb-dropdown > li {
12815
+ padding: 0.5rem calc(
12816
+ (2rem - 0.75rem) / 2
12817
+ );
12818
+ white-space: nowrap;
12819
+ box-sizing: border-box;
12820
+ padding-left: 0.75rem;
12821
+ vertical-align: middle;
12822
+ user-select: none;
12823
+ color: #151a26;
12824
+ background-color: #ffffff;
12825
+ }
12826
+ .a-Breadcrumb-dropdown > li:hover {
12827
+ background: #e9f0fd;
12828
+ }
12829
+ .a-Breadcrumb-dropdown > li:hover a {
12830
+ color: #2468f2;
12750
12831
  }
12751
12832
 
12752
12833
  .a-Badge {
@@ -13543,6 +13624,7 @@ input[type=button].a-Button--block {
13543
13624
  border-bottom: 0.0625rem solid #ebebeb;
13544
13625
  border-top-left-radius: calc( 0.428rem - 0.0625rem );
13545
13626
  border-top-right-radius: calc( 0.428rem - 0.0625rem );
13627
+ font-weight: bold;
13546
13628
  }
13547
13629
  .a-Tooltip-title:empty {
13548
13630
  display: none;
@@ -13551,6 +13633,50 @@ input[type=button].a-Button--block {
13551
13633
  color: #58666e;
13552
13634
  padding: 0.5rem 0.5rem;
13553
13635
  }
13636
+ .a-Tooltip--dark {
13637
+ background: rgba(7, 12, 20, 0.85);
13638
+ border: none;
13639
+ box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
13640
+ }
13641
+ .a-Tooltip--dark .a-Tooltip-title {
13642
+ color: #fff;
13643
+ background: transparent;
13644
+ border-bottom: none;
13645
+ }
13646
+ .a-Tooltip--dark .a-Tooltip-title::before {
13647
+ border-bottom-color: transparent;
13648
+ }
13649
+ .a-Tooltip--dark .a-Tooltip-body {
13650
+ color: #fff;
13651
+ }
13652
+ .a-Tooltip--dark.a-Tooltip--top .a-Tooltip-arrow::before {
13653
+ border-width: 0;
13654
+ }
13655
+ .a-Tooltip--dark.a-Tooltip--top .a-Tooltip-arrow::after {
13656
+ border-top-color: rgba(7, 12, 20, 0.85);
13657
+ }
13658
+ .a-Tooltip--dark.a-Tooltip--bottom .a-Tooltip-arrow::before {
13659
+ border-width: 0;
13660
+ }
13661
+ .a-Tooltip--dark.a-Tooltip--bottom .a-Tooltip-arrow::after {
13662
+ border-bottom-color: rgba(7, 12, 20, 0.85);
13663
+ }
13664
+ .a-Tooltip--dark.a-Tooltip--left .a-Tooltip-arrow::before {
13665
+ border-width: 0;
13666
+ }
13667
+ .a-Tooltip--dark.a-Tooltip--left .a-Tooltip-arrow::after {
13668
+ border-left-color: rgba(7, 12, 20, 0.85);
13669
+ }
13670
+ .a-Tooltip--dark.a-Tooltip--right .a-Tooltip-arrow::before {
13671
+ border-width: 0;
13672
+ }
13673
+ .a-Tooltip--dark.a-Tooltip--right .a-Tooltip-arrow::after {
13674
+ border-right-color: rgba(7, 12, 20, 0.85);
13675
+ }
13676
+
13677
+ .a-TooltipWrapper--inline {
13678
+ display: inline-block;
13679
+ }
13554
13680
 
13555
13681
  @keyframes tooltipIn {
13556
13682
  from {
@@ -13757,6 +13883,18 @@ input[type=button].a-Button--block {
13757
13883
  display: flex;
13758
13884
  flex-direction: column;
13759
13885
  }
13886
+ .a-PopUp-closeBox {
13887
+ width: 3rem;
13888
+ height: 3rem;
13889
+ position: absolute;
13890
+ z-index: 1;
13891
+ cursor: pointer;
13892
+ right: 0;
13893
+ top: 0;
13894
+ display: flex;
13895
+ justify-content: center;
13896
+ align-items: center;
13897
+ }
13760
13898
  .a-PopUp-closeWrap {
13761
13899
  position: relative;
13762
13900
  text-align: center;
@@ -13764,12 +13902,9 @@ input[type=button].a-Button--block {
13764
13902
  line-height: 3rem;
13765
13903
  }
13766
13904
  .a-PopUp-closeWrap .a-PopUp-close {
13767
- position: absolute;
13768
13905
  z-index: 1;
13769
13906
  color: #4b5563;
13770
13907
  cursor: pointer;
13771
- top: 0.9375rem;
13772
- right: 0.9375rem;
13773
13908
  }
13774
13909
  .a-PopUp-toolbar {
13775
13910
  display: flex;
@@ -14385,56 +14520,104 @@ input[type=button].a-Button--block {
14385
14520
  cursor: move;
14386
14521
  }
14387
14522
 
14388
- .a-Tabs-linksContainer {
14523
+ .a-Tabs-drag-tip {
14524
+ display: none;
14525
+ }
14526
+ .a-Tabs-linksWrapper {
14527
+ display: flex;
14528
+ align-items: center;
14529
+ justify-content: flex-start;
14530
+ border-bottom: 0.0625rem solid var(--Tabs--simple-split-color);
14531
+ }
14532
+ .a-Tabs-linksContainer-wrapper {
14389
14533
  position: relative;
14534
+ display: flex;
14535
+ align-items: center;
14536
+ justify-content: flex-start;
14537
+ }
14538
+ .a-Tabs-linksContainer-wrapper .a-Tabs-addable {
14539
+ display: flex;
14540
+ margin-left: 1.25rem;
14541
+ align-items: center;
14542
+ justify-content: flex-start;
14543
+ padding: 0 0 10px;
14544
+ white-space: nowrap;
14545
+ cursor: pointer;
14546
+ }
14547
+ .a-Tabs-linksContainer-wrapper .a-Tabs-addable-icon {
14548
+ width: 0.9375rem;
14549
+ height: 0.9375rem;
14550
+ padding: 0.0625rem;
14551
+ margin-right: 0.25rem;
14552
+ }
14553
+ .a-Tabs-linksContainer-wrapper .a-Tabs-addable span {
14554
+ margin-left: 4px;
14555
+ line-height: 1;
14556
+ }
14557
+ .a-Tabs-linksContainer-wrapper .a-Tabs-addable:hover {
14558
+ color: #7266ba;
14559
+ fill: #7266ba;
14390
14560
  }
14391
- .a-Tabs-linksContainer-arrow {
14561
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer {
14562
+ flex-grow: 1;
14563
+ position: relative;
14564
+ display: flex;
14565
+ align-items: center;
14566
+ overflow: hidden;
14567
+ }
14568
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow {
14569
+ margin: 0 0 10px;
14570
+ width: 16px;
14392
14571
  height: 100%;
14393
14572
  display: flex;
14394
14573
  align-items: center;
14395
- top: 0;
14396
14574
  cursor: pointer;
14397
- position: absolute;
14575
+ box-sizing: content-box;
14398
14576
  }
14399
- .a-Tabs-linksContainer-arrow .iconfont {
14577
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow .iconfont {
14400
14578
  font-size: 0.875rem;
14401
14579
  }
14402
- .a-Tabs-linksContainer-arrow:hover {
14580
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow:hover {
14403
14581
  color: #111827;
14404
14582
  }
14405
- .a-Tabs-linksContainer-arrow--left {
14406
- left: 4px;
14583
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow--left {
14584
+ padding-right: 16px;
14407
14585
  }
14408
- .a-Tabs-linksContainer-arrow--right {
14409
- right: 4px;
14586
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow--right {
14587
+ padding-left: 16px;
14410
14588
  }
14411
- .a-Tabs-linksContainer-arrow--disabled .iconfont {
14589
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow--disabled .iconfont {
14412
14590
  cursor: not-allowed;
14413
14591
  color: #99a6ad;
14414
14592
  }
14415
- .a-Tabs-linksContainer-arrow--disabled:hover {
14593
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-arrow--disabled:hover {
14416
14594
  color: #99a6ad;
14417
14595
  }
14418
- .a-Tabs-linksContainer-main {
14596
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-main {
14597
+ position: relative;
14419
14598
  overflow-y: auto;
14420
14599
  scrollbar-width: none;
14421
14600
  width: 100%;
14422
14601
  }
14423
- .a-Tabs-linksContainer-main::-webkit-scrollbar {
14602
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-main::-webkit-scrollbar {
14424
14603
  display: none;
14425
14604
  }
14426
- .a-Tabs-linksContainer-main > .a-Tabs-links {
14427
- white-space: nowrap;
14605
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-main .a-Tabs-links {
14428
14606
  min-width: 100%;
14429
- display: inline-block;
14607
+ max-width: 0;
14608
+ height: 100%;
14609
+ overflow-x: hidden;
14430
14610
  }
14431
- .a-Tabs .a-Tabs-linksContainer--overflow {
14432
- padding: 0 20px;
14611
+ .a-Tabs-linksContainer-wrapper .a-Tabs-linksContainer-main .a-Tabs-links .a-Tabs-links-drag {
14612
+ position: absolute;
14613
+ height: 100%;
14614
+ top: 0;
14615
+ box-shadow: 0 0 0 1px red;
14433
14616
  }
14434
14617
  .a-Tabs-links {
14618
+ display: flex;
14435
14619
  margin: 0;
14436
14620
  padding: 0;
14437
- border-bottom: 0.0625rem solid #d1d5db;
14438
14621
  list-style: none;
14439
14622
  user-select: none;
14440
14623
  }
@@ -14446,9 +14629,24 @@ input[type=button].a-Button--block {
14446
14629
  clear: both;
14447
14630
  }
14448
14631
  .a-Tabs-links > .a-Tabs-link {
14449
- margin-bottom: calc(0.0625rem * -1);
14450
- display: inline-block;
14451
14632
  position: relative;
14633
+ flex: none;
14634
+ display: flex;
14635
+ max-width: 10rem;
14636
+ overflow: hidden;
14637
+ }
14638
+ .a-Tabs-links > .a-Tabs-link .a-Tabs-link-edit {
14639
+ max-width: 10rem;
14640
+ border: none;
14641
+ outline: none;
14642
+ }
14643
+ .a-Tabs-links > .a-Tabs-link .a-Tabs-link-close {
14644
+ margin: 0.0625rem 0 0 0.25rem;
14645
+ fill: #83868c;
14646
+ cursor: pointer;
14647
+ }
14648
+ .a-Tabs-links > .a-Tabs-link .a-Tabs-link-close .a-Tabs-link-close-icon {
14649
+ width: 0.75rem;
14452
14650
  }
14453
14651
  .a-Tabs-links > .a-Tabs-link > a:first-child {
14454
14652
  font-size: 0.875rem;
@@ -14462,6 +14660,9 @@ input[type=button].a-Button--block {
14462
14660
  text-decoration: none;
14463
14661
  cursor: pointer;
14464
14662
  display: block;
14663
+ text-overflow: ellipsis;
14664
+ overflow: hidden;
14665
+ white-space: nowrap;
14465
14666
  }
14466
14667
  .a-Tabs-links > .a-Tabs-link > .a-Combo-toolbarBtn {
14467
14668
  position: absolute;
@@ -14475,14 +14676,13 @@ input[type=button].a-Button--block {
14475
14676
  }
14476
14677
  .a-Tabs-links > .a-Tabs-link:hover > a:first-child,
14477
14678
  .a-Tabs-links > .a-Tabs-link > a:first-child:focus {
14478
- border-color: #e5e7eb;
14479
14679
  text-decoration: none;
14480
14680
  }
14481
14681
  .a-Tabs-links > .a-Tabs-link.disabled, .a-Tabs-links > .a-Tabs-link.is-disabled {
14482
14682
  cursor: not-allowed;
14483
14683
  }
14484
14684
  .a-Tabs-links > .a-Tabs-link.disabled > a:first-child, .a-Tabs-links > .a-Tabs-link.is-disabled > a:first-child {
14485
- color: #4b5563;
14685
+ color: var(--Tabs-link-disabled-color);
14486
14686
  background: transparent;
14487
14687
  border-color: transparent;
14488
14688
  pointer-events: none;
@@ -14497,7 +14697,7 @@ input[type=button].a-Button--block {
14497
14697
  background: #fff;
14498
14698
  border-style: solid;
14499
14699
  border-width: 0 0.0625rem 0.0625rem;
14500
- border-color: #d1d5db;
14700
+ border-color: var(--Tabs--simple-split-color);
14501
14701
  }
14502
14702
  .a-Tabs-pane {
14503
14703
  display: none;
@@ -14511,30 +14711,63 @@ input[type=button].a-Button--block {
14511
14711
  .a-Tabs-pane.in {
14512
14712
  opacity: 1;
14513
14713
  }
14714
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper {
14715
+ border-bottom: 0.0625rem solid var(--Tabs--simple-split-color);
14716
+ }
14717
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper--toolbar .a-Tabs-link {
14718
+ padding-top: 10px;
14719
+ }
14720
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper--toolbar .a-Tabs-addable {
14721
+ padding: 0;
14722
+ }
14723
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper--toolbar .a-Tabs-linksContainer-arrow {
14724
+ margin: 0;
14725
+ }
14514
14726
  .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-arrow {
14515
14727
  top: -4px;
14516
14728
  }
14517
- .a-Tabs--line > .a-Tabs-links, .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
14729
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links,
14730
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
14518
14731
  border-bottom-color: #d1d5db;
14519
14732
  }
14520
- .a-Tabs--line > .a-Tabs-links > li > a:first-child, .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
14733
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li,
14734
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li {
14735
+ padding-left: 1rem;
14736
+ padding-right: 1rem;
14737
+ }
14738
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li:first-of-type,
14739
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:first-of-type {
14740
+ padding-left: 0;
14741
+ }
14742
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li:last-of-type,
14743
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:last-of-type {
14744
+ padding-right: 0;
14745
+ }
14746
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child,
14747
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
14521
14748
  border-width: 0 0 0.125rem 0;
14522
14749
  padding: 0 0 8px;
14523
- margin: 0 40px 0 0;
14524
14750
  }
14525
- .a-Tabs--line > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--line > .a-Tabs-links > li > a:first-child:focus, .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:focus {
14751
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li:hover a:first-child,
14752
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover a:first-child {
14526
14753
  color: #7266ba;
14527
14754
  background: transparent;
14528
14755
  border-color: transparent;
14529
14756
  }
14530
- .a-Tabs--line > .a-Tabs-links > li:last-child > a, .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:last-child > a {
14757
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li:hover .a-Tabs-link-close,
14758
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover .a-Tabs-link-close {
14759
+ fill: #7266ba;
14760
+ }
14761
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li:last-child > a,
14762
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:last-child > a {
14531
14763
  margin: 0;
14532
14764
  }
14533
- .a-Tabs--line > .a-Tabs-links > li.is-active > a:first-child,
14534
- .a-Tabs--line > .a-Tabs-links > li.is-active > a:first-child:hover,
14535
- .a-Tabs--line > .a-Tabs-links > li.is-active > a:first-child:focus, .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child,
14536
- .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:hover,
14537
- .a-Tabs--line > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:focus {
14765
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child,
14766
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child:hover,
14767
+ .a-Tabs--line > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child:focus,
14768
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child,
14769
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:hover,
14770
+ .a-Tabs--line > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:focus {
14538
14771
  border-color: #7266ba;
14539
14772
  color: #7266ba;
14540
14773
  background: transparent;
@@ -14547,142 +14780,212 @@ input[type=button].a-Button--block {
14547
14780
  .a-Tabs--card > .a-Tabs-linksContainer {
14548
14781
  background: #f6f8f8;
14549
14782
  }
14550
- .a-Tabs--card > .a-Tabs-links, .a-Tabs--card > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
14551
- padding: 0.375rem 0 0 0.625rem;
14783
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper {
14552
14784
  background: #f6f8f8;
14785
+ }
14786
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-addable {
14787
+ margin-left: 0;
14788
+ padding: 0;
14789
+ padding-top: 0.4375rem;
14790
+ margin-right: 1rem;
14791
+ }
14792
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer .a-Tabs-addable {
14793
+ padding: 0;
14794
+ }
14795
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-arrow {
14796
+ padding: 0.5rem 1rem 0;
14797
+ margin-bottom: 0;
14798
+ }
14799
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
14800
+ padding: 0.375rem 0 0 0.625rem;
14553
14801
  border-top: 0.0625rem solid #d1d5db;
14554
14802
  }
14555
- .a-Tabs--card > .a-Tabs-links > li.is-active > a:first-child,
14556
- .a-Tabs--card > .a-Tabs-links > li.is-active > a:first-child:hover,
14557
- .a-Tabs--card > .a-Tabs-links > li.is-active > a:first-child:focus, .a-Tabs--card > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child,
14558
- .a-Tabs--card > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:hover,
14559
- .a-Tabs--card > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:focus {
14803
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li {
14804
+ padding: 0.625rem 0.625rem;
14805
+ margin: 0 10px 0 0;
14806
+ border-top-left-radius: 0.142rem;
14807
+ border-top-right-radius: 0.142rem;
14808
+ cursor: pointer;
14809
+ }
14810
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active {
14560
14811
  border-color: #d1d5db;
14561
14812
  color: #7266ba;
14562
14813
  border-bottom-color: #fff;
14563
14814
  background: #fff;
14564
14815
  }
14565
- .a-Tabs--card > .a-Tabs-links > li > a:first-child, .a-Tabs--card > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
14566
- padding: 0.625rem 0.625rem;
14567
- margin: 0 10px 0 0;
14568
- }
14569
- .a-Tabs--card > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--card > .a-Tabs-links > li > a:first-child:focus, .a-Tabs--card > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--card > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:focus {
14570
- color: #666;
14816
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover, .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:focus {
14571
14817
  background: #fff;
14572
14818
  border-bottom-color: transparent;
14573
14819
  }
14820
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
14821
+ padding: 0;
14822
+ border: none;
14823
+ }
14824
+ .a-Tabs--card > .a-Tabs-linksContainer-wrapper > .a-Tabs-toolbar {
14825
+ padding: 0.375rem 0 0 0.625rem;
14826
+ margin: 0;
14827
+ }
14574
14828
  .a-Tabs--card > .a-Tabs-content {
14575
14829
  border-width: 0;
14576
14830
  }
14577
- .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-arrow {
14578
- top: -4px;
14831
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper {
14832
+ margin-bottom: 0.625rem;
14579
14833
  }
14580
- .a-Tabs--radio > .a-Tabs-links, .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
14834
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper .a-Tabs-addable {
14835
+ padding: 0;
14836
+ }
14837
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-arrow {
14838
+ margin-bottom: 0;
14839
+ }
14840
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
14581
14841
  border: 0;
14582
- margin-bottom: 0.625rem;
14583
14842
  }
14584
- .a-Tabs--radio > .a-Tabs-links > li, .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li {
14843
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li {
14585
14844
  margin: 0;
14586
- }
14587
- .a-Tabs--radio > .a-Tabs-links > li > a:first-child, .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
14845
+ align-items: center;
14588
14846
  border-width: 0.0625rem;
14589
- border-color: #d1d5db;
14590
- font-size: 0.75rem;
14847
+ border-color: var(--Tabs--simple-split-color);
14591
14848
  text-align: center;
14592
14849
  margin: 0;
14593
14850
  padding: 0 0.625rem;
14594
14851
  min-width: 68px;
14595
14852
  height: 1.875rem;
14596
- line-height: 1.875rem;
14597
- border-radius: 0;
14598
14853
  background: #eaf6fe;
14854
+ border-style: solid;
14599
14855
  }
14600
- .a-Tabs--radio > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--radio > .a-Tabs-links > li > a:first-child:focus, .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:focus {
14856
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover, .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:focus {
14601
14857
  color: #7266ba;
14602
14858
  }
14603
- .a-Tabs--radio > .a-Tabs-links > li.is-active > a:first-child,
14604
- .a-Tabs--radio > .a-Tabs-links > li.is-active > a:first-child:hover,
14605
- .a-Tabs--radio > .a-Tabs-links > li.is-active > a:first-child:focus, .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child,
14606
- .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:hover,
14607
- .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:focus {
14608
- color: #eaf6fe;
14859
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
14860
+ padding: 0;
14861
+ border-radius: 0;
14862
+ line-height: 1.875rem;
14863
+ font-size: 0.75rem;
14864
+ border: none;
14865
+ }
14866
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active {
14609
14867
  background: #7266ba;
14610
14868
  border-color: #7266ba;
14611
14869
  position: relative;
14612
14870
  z-index: 1;
14613
14871
  }
14614
- .a-Tabs--radio > .a-Tabs-links > li + li, .a-Tabs--radio > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li + li {
14872
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child {
14873
+ background: #7266ba;
14874
+ color: #eaf6fe;
14875
+ }
14876
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > .a-Tabs-link-close {
14877
+ fill: #eaf6fe;
14878
+ }
14879
+ .a-Tabs--radio > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li + li {
14615
14880
  margin-left: -1px;
14616
14881
  }
14617
14882
  .a-Tabs--radio > .a-Tabs-content {
14618
- border-top: 0.0625rem solid #d1d5db;
14883
+ border-top: 0.0625rem solid var(--Tabs--simple-split-color);
14884
+ }
14885
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper {
14886
+ align-items: stretch;
14887
+ border-bottom: none;
14619
14888
  }
14620
- .a-Tabs--tiled > .a-Tabs-links, .a-Tabs--tiled > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
14889
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer {
14890
+ flex: 1;
14891
+ align-items: stretch;
14892
+ }
14893
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-arrow {
14894
+ margin-bottom: 0;
14895
+ padding: 0 10px;
14896
+ height: auto;
14897
+ align-items: center;
14898
+ justify-content: center;
14899
+ border-width: 0.0625rem;
14900
+ border-style: solid;
14901
+ border-color: var(--Tabs--simple-split-color);
14902
+ }
14903
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer.a-Tabs-linksContainer--overflow > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:first-of-type {
14904
+ border-left-width: 0;
14905
+ }
14906
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer.a-Tabs-linksContainer--overflow > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:last-of-type {
14907
+ border-right-width: 0;
14908
+ }
14909
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper .a-Tabs-addable {
14910
+ padding: 0 0.75rem;
14911
+ margin-left: 0;
14912
+ white-space: nowrap;
14913
+ border-style: solid;
14914
+ border-color: var(--Tabs--simple-split-color);
14915
+ border-width: 0.0625rem;
14916
+ border-left-width: 0;
14917
+ }
14918
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
14621
14919
  width: 100%;
14622
14920
  display: flex;
14623
14921
  flex-direction: row;
14624
14922
  padding-left: 0.0625rem;
14625
14923
  border-bottom: 0;
14626
14924
  }
14627
- .a-Tabs--tiled > .a-Tabs-links > li, .a-Tabs--tiled > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li {
14925
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li {
14926
+ max-width: unset;
14628
14927
  flex-grow: 1;
14629
14928
  text-align: center;
14630
14929
  margin: 0 0 0 calc(0.0625rem * -1);
14631
- }
14632
- .a-Tabs--tiled > .a-Tabs-links > li > a:first-child, .a-Tabs--tiled > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
14633
- margin: 0;
14634
- border-radius: 0;
14635
14930
  border-style: solid;
14636
- border-color: #d1d5db;
14931
+ border-color: var(--Tabs--simple-split-color);
14637
14932
  border-width: 0.0625rem;
14933
+ padding: 0.5rem 0.75rem;
14934
+ cursor: pointer;
14638
14935
  }
14639
- .a-Tabs--tiled > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--tiled > .a-Tabs-links > li > a:first-child:focus, .a-Tabs--tiled > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--tiled > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:focus {
14936
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover, .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:focus {
14640
14937
  position: relative;
14641
14938
  z-index: 1;
14642
14939
  border-color: #d1d5db;
14643
14940
  color: #7266ba;
14644
14941
  }
14645
- .a-Tabs--tiled > .a-Tabs-links > li.is-active > a:first-child,
14646
- .a-Tabs--tiled > .a-Tabs-links > li.is-active > a:first-child:hover,
14647
- .a-Tabs--tiled > .a-Tabs-links > li.is-active > a:first-child:focus, .a-Tabs--tiled > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child,
14648
- .a-Tabs--tiled > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:hover,
14649
- .a-Tabs--tiled > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:focus {
14942
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
14943
+ margin: 0;
14944
+ border-radius: 0;
14945
+ padding: 0;
14946
+ flex: 1;
14947
+ border: none;
14948
+ }
14949
+ .a-Tabs--tiled > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active {
14650
14950
  cursor: default;
14651
14951
  color: #7266ba;
14652
- border-color: #d1d5db;
14952
+ border-color: var(--Tabs--simple-split-color);
14653
14953
  border-top-color: #7266ba;
14654
14954
  border-bottom-color: transparent;
14655
14955
  }
14656
14956
  .a-Tabs--vertical {
14657
14957
  display: flex;
14658
14958
  min-height: 12.5rem;
14659
- border: 0.0625rem solid #d1d5db;
14959
+ border: 0.0625rem solid var(--Tabs--simple-split-color);
14660
14960
  border-radius: 0;
14661
14961
  }
14662
- .a-Tabs--vertical > .a-Tabs-links {
14663
- width: 8.75rem;
14962
+ .a-Tabs--vertical > .a-Tabs-linksWrapper {
14963
+ flex-direction: column;
14664
14964
  background: #f6f8f8;
14965
+ }
14966
+ .a-Tabs--vertical > .a-Tabs-linksWrapper > .a-Tabs-links {
14967
+ width: 8.75rem;
14665
14968
  border: none;
14666
14969
  border-right: none;
14667
- padding-bottom: 3.75rem;
14970
+ flex-direction: column;
14668
14971
  }
14669
- .a-Tabs--vertical > .a-Tabs-links > li {
14972
+ .a-Tabs--vertical > .a-Tabs-linksWrapper > .a-Tabs-links > li {
14670
14973
  margin: 0 0 0 -1px;
14671
14974
  display: block;
14672
14975
  }
14673
- .a-Tabs--vertical > .a-Tabs-links > li > a:first-child {
14976
+ .a-Tabs--vertical > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child {
14674
14977
  border-color: transparent;
14675
14978
  border-radius: 0;
14676
14979
  border-width: 0 0 0 0.25rem;
14677
14980
  margin: 0;
14678
14981
  }
14679
- .a-Tabs--vertical > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--vertical > .a-Tabs-links > li > a:first-child:focus {
14982
+ .a-Tabs--vertical > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--vertical > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child:focus {
14680
14983
  color: #7266ba;
14681
14984
  border-color: transparent;
14682
14985
  }
14683
- .a-Tabs--vertical > .a-Tabs-links > li.is-active > a:first-child,
14684
- .a-Tabs--vertical > .a-Tabs-links > li.is-active > a:first-child:hover,
14685
- .a-Tabs--vertical > .a-Tabs-links > li.is-active > a:first-child:focus {
14986
+ .a-Tabs--vertical > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child,
14987
+ .a-Tabs--vertical > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child:hover,
14988
+ .a-Tabs--vertical > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child:focus {
14686
14989
  color: #7266ba;
14687
14990
  background: #f6f8f8;
14688
14991
  border-color: #7266ba;
@@ -14694,14 +14997,87 @@ input[type=button].a-Button--block {
14694
14997
  .a-Tabs--vertical > .a-Tabs-content > .a-Tabs-pane {
14695
14998
  height: 100%;
14696
14999
  }
14697
- .a-Tabs--chrome > .a-Tabs-links {
15000
+ .a-Tabs--sidebar {
15001
+ display: flex;
15002
+ height: 100%;
15003
+ }
15004
+ .a-Tabs--sidebar.sidebar--left {
15005
+ flex-direction: row;
15006
+ }
15007
+ .a-Tabs--sidebar.sidebar--left > .a-Tabs-content {
15008
+ border-right: none;
15009
+ }
15010
+ .a-Tabs--sidebar.sidebar--right {
15011
+ flex-direction: row-reverse;
15012
+ }
15013
+ .a-Tabs--sidebar.sidebar--right > .a-Tabs-content {
15014
+ border-left: none;
15015
+ }
15016
+ .a-Tabs--sidebar > .a-Tabs-linksWrapper {
15017
+ flex: 0 0 3.875rem;
15018
+ align-items: flex-start;
15019
+ border: none;
15020
+ }
15021
+ .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links {
15022
+ position: relative;
15023
+ margin: 0;
15024
+ padding-top: 1.6875rem;
15025
+ flex-grow: 1;
15026
+ border: none;
15027
+ flex-direction: column;
15028
+ border: 0;
15029
+ }
15030
+ .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li {
15031
+ display: flex;
15032
+ margin: 0 0 1.375rem 0;
15033
+ padding: 0;
15034
+ flex-direction: column;
15035
+ justify-content: flex-start;
15036
+ align-items: center;
15037
+ border: 0;
15038
+ }
15039
+ .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child {
15040
+ padding: 0;
15041
+ border: 0;
15042
+ margin: 0;
15043
+ display: flex;
15044
+ flex-direction: column;
15045
+ align-items: center;
15046
+ color: #83868c;
15047
+ }
15048
+ .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child .a-Icon {
15049
+ font-size: 1.5rem;
15050
+ height: 1.5rem;
15051
+ margin-bottom: 0.3125rem;
15052
+ }
15053
+ .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child,
15054
+ .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child:hover,
15055
+ .a-Tabs--sidebar > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child:focus {
15056
+ color: var(--Tabs--sidebar-iconColor);
15057
+ }
15058
+ .a-Tabs--sidebar > .a-Tabs-content {
15059
+ flex-grow: 1;
15060
+ border-bottom: none;
15061
+ }
15062
+ .a-Tabs--sidebar > .a-Tabs-content > .a-Tabs-pane {
15063
+ height: 100%;
15064
+ }
15065
+ .a-Tabs--chrome > .a-Tabs-linksWrapper {
14698
15066
  background: #e7eaed;
15067
+ border-bottom: none;
15068
+ }
15069
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-addable {
15070
+ margin-left: 0;
15071
+ padding: 0;
15072
+ padding-top: 10px;
15073
+ }
15074
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links {
14699
15075
  border-bottom: 0;
14700
15076
  padding: 0 0.625rem;
14701
15077
  padding-top: 0.5rem;
14702
15078
  display: flex;
14703
15079
  }
14704
- .a-Tabs--chrome > .a-Tabs-links > li {
15080
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li {
14705
15081
  position: relative;
14706
15082
  margin-bottom: 0;
14707
15083
  white-space: nowrap;
@@ -14710,25 +15086,27 @@ input[type=button].a-Button--block {
14710
15086
  padding: 0.4375rem 1.25rem 0.375rem;
14711
15087
  cursor: pointer;
14712
15088
  flex: 1;
15089
+ overflow: inherit;
14713
15090
  }
14714
- .a-Tabs--chrome > .a-Tabs-links > li > a:first-child {
15091
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li > a:first-child {
14715
15092
  background: none;
14716
15093
  border: none;
14717
15094
  position: relative;
14718
15095
  z-index: 5;
14719
15096
  overflow: hidden;
14720
15097
  padding: 0;
15098
+ text-overflow: unset;
14721
15099
  }
14722
- .a-Tabs--chrome > .a-Tabs-links > li.is-active > a:first-child,
14723
- .a-Tabs--chrome > .a-Tabs-links > li.is-active > a:first-child:hover,
14724
- .a-Tabs--chrome > .a-Tabs-links > li.is-active > a:first-child:focus {
15100
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child,
15101
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child:hover,
15102
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active > a:first-child:focus {
14725
15103
  background: none;
14726
15104
  border: none;
14727
15105
  }
14728
- .a-Tabs--chrome > .a-Tabs-links > li.is-active:after {
15106
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active:after {
14729
15107
  display: none;
14730
15108
  }
14731
- .a-Tabs--chrome > .a-Tabs-links > li:after {
15109
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li:after {
14732
15110
  content: "";
14733
15111
  width: 1px;
14734
15112
  height: calc(100% - 0.5rem * 2);
@@ -14737,22 +15115,22 @@ input[type=button].a-Button--block {
14737
15115
  background: #b4bbc5;
14738
15116
  top: 0.5rem;
14739
15117
  }
14740
- .a-Tabs--chrome > .a-Tabs-links > li:hover .chrome-tab-background {
15118
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li:hover .chrome-tab-background {
14741
15119
  z-index: 3;
14742
15120
  display: block;
14743
15121
  background-color: #f6f7f8;
14744
15122
  }
14745
- .a-Tabs--chrome > .a-Tabs-links > li:hover .chrome-tab-background > svg {
15123
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li:hover .chrome-tab-background > svg {
14746
15124
  fill: #f6f7f8;
14747
15125
  }
14748
- .a-Tabs--chrome > .a-Tabs-links > li:hover:after {
15126
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li:hover:after {
14749
15127
  display: none;
14750
15128
  }
14751
- .a-Tabs--chrome > .a-Tabs-links > li.is-active .chrome-tab-background {
15129
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active .chrome-tab-background {
14752
15130
  display: block;
14753
15131
  background-color: #fff;
14754
15132
  }
14755
- .a-Tabs--chrome > .a-Tabs-links > li.is-active .chrome-tab-background > svg {
15133
+ .a-Tabs--chrome > .a-Tabs-linksWrapper > .a-Tabs-links > li.is-active .chrome-tab-background > svg {
14756
15134
  fill: #fff;
14757
15135
  }
14758
15136
  .a-Tabs--chrome .chrome-tab-background {
@@ -14778,10 +15156,148 @@ input[type=button].a-Button--block {
14778
15156
  .a-Tabs--chrome .chrome-tab-background > .chrome-tab-background--left {
14779
15157
  left: calc(0.5rem * -1);
14780
15158
  }
15159
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper {
15160
+ border-bottom: none;
15161
+ }
15162
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper .a-Tabs-addable {
15163
+ padding: 0;
15164
+ }
15165
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-arrow {
15166
+ margin-bottom: 0;
15167
+ }
15168
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links {
15169
+ border: none;
15170
+ }
15171
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li {
15172
+ position: relative;
15173
+ border: none;
15174
+ padding: var(--Tabs--simple-split-size);
15175
+ }
15176
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li::after {
15177
+ content: "";
15178
+ position: absolute;
15179
+ top: 50%;
15180
+ right: 0;
15181
+ width: 0.0625rem;
15182
+ height: 0.9375rem;
15183
+ transform: translateY(-50%);
15184
+ background-color: var(--Tabs--simple-split-color);
15185
+ }
15186
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > .a-Tabs-link-close {
15187
+ padding-top: 0.0625rem;
15188
+ cursor: pointer;
15189
+ }
15190
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:last-of-type::after {
15191
+ content: none;
15192
+ }
15193
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child,
15194
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:hover,
15195
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li.is-active > a:first-child:focus, .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover > a:first-child,
15196
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover > a:first-child:hover,
15197
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover > a:first-child:focus {
15198
+ color: #7266ba;
15199
+ border: none;
15200
+ }
15201
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li:hover .a-Tabs-link-close {
15202
+ fill: #7266ba;
15203
+ }
15204
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child {
15205
+ padding: 0;
15206
+ }
15207
+ .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child, .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:hover, .a-Tabs--simple > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > li > a:first-child:focus {
15208
+ border: none;
15209
+ }
15210
+ .a-Tabs--simple > .a-Tabs-content {
15211
+ border: none;
15212
+ }
15213
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper {
15214
+ align-items: stretch;
15215
+ border-bottom: 0.0625rem solid var(--Tabs--simple-split-color);
15216
+ }
15217
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper .a-Tabs-addable {
15218
+ width: 2rem;
15219
+ margin-left: 0.5rem;
15220
+ padding: 0;
15221
+ margin-bottom: calc(0.0625rem * -1);
15222
+ align-items: center;
15223
+ justify-content: center;
15224
+ font-size: 0;
15225
+ border: 0.0625rem solid var(--Tabs--simple-split-color);
15226
+ border-top-left-radius: 0.142rem;
15227
+ border-top-right-radius: 0.142rem;
15228
+ flex: none;
15229
+ }
15230
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper .a-Tabs-addable > .a-Tabs-addable-icon {
15231
+ margin-right: 0;
15232
+ }
15233
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper .a-Tabs-addable:hover {
15234
+ color: #7266ba;
15235
+ }
15236
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer {
15237
+ margin-bottom: calc(0.0625rem * -1);
15238
+ }
15239
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer.a-Tabs-linksContainer--overflow > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:first-of-type {
15240
+ border-left-width: 0;
15241
+ border-top-left-radius: 0;
15242
+ }
15243
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer.a-Tabs-linksContainer--overflow > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:last-of-type {
15244
+ border-right-width: 0;
15245
+ border-top-right-radius: 0;
15246
+ }
15247
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer .a-Tabs-linksContainer-arrow {
15248
+ width: 1.5rem;
15249
+ margin-bottom: 0;
15250
+ padding: 0;
15251
+ justify-content: center;
15252
+ border: 0.0625rem solid var(--Tabs--simple-split-color);
15253
+ border-top-right-radius: 0.142rem;
15254
+ box-sizing: border-box;
15255
+ }
15256
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer .a-Tabs-linksContainer-arrow--left {
15257
+ padding-right: 0;
15258
+ border-right-width: 0;
15259
+ border-top-left-radius: 0.142rem;
15260
+ }
15261
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer .a-Tabs-linksContainer-arrow--right {
15262
+ padding-left: 0;
15263
+ border-left-width: 0;
15264
+ border-top-right-radius: 0.142rem;
15265
+ }
15266
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link {
15267
+ margin-right: 0.5rem;
15268
+ padding: 0.5rem 1rem;
15269
+ background: #fff;
15270
+ border-top-left-radius: 0.142rem;
15271
+ border-top-right-radius: 0.142rem;
15272
+ border: 0.0625rem solid var(--Tabs--simple-split-color);
15273
+ cursor: pointer;
15274
+ }
15275
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link.is-active {
15276
+ border-bottom-color: #fff;
15277
+ }
15278
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link.is-active > a:first-child,
15279
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link.is-active > a:first-child:hover,
15280
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link.is-active > a:first-child:focus, .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:hover > a:first-child,
15281
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:hover > a:first-child:hover,
15282
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:hover > a:first-child:focus {
15283
+ color: #7266ba;
15284
+ }
15285
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:hover .a-Tabs-link-close {
15286
+ fill: #7266ba;
15287
+ }
15288
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link:last-of-type {
15289
+ margin-right: 0;
15290
+ }
15291
+ .a-Tabs--strong > .a-Tabs-linksContainer-wrapper > .a-Tabs-linksContainer > .a-Tabs-linksContainer-main > .a-Tabs-links > .a-Tabs-link > a:first-child {
15292
+ padding: 0;
15293
+ margin: 0;
15294
+ border: none;
15295
+ }
14781
15296
  .a-Tabs-toolbar {
14782
- display: inline-block;
14783
- float: right;
14784
- padding-top: 0.25rem;
15297
+ margin-left: 0.75rem;
15298
+ display: flex;
15299
+ flex-direction: row;
15300
+ align-items: center;
14785
15301
  }
14786
15302
 
14787
15303
  .a-Nav {
@@ -15702,11 +16218,15 @@ input[type=button].a-Button--block {
15702
16218
  border-top-left-radius: 0;
15703
16219
  border-bottom-left-radius: 0;
15704
16220
  }
16221
+ .a-ButtonGroup > .a-ButtonGroup:last-child > .a-Button:not(:last-child) {
16222
+ border-top-right-radius: 0;
16223
+ }
15705
16224
 
15706
16225
  .a-ButtonGroup--vertical {
15707
16226
  flex-direction: column;
15708
16227
  align-items: flex-start;
15709
16228
  justify-content: center;
16229
+ /* 修正头尾的圆角 */
15710
16230
  }
15711
16231
  .a-ButtonGroup--vertical .a-Button,
15712
16232
  .a-ButtonGroup--vertical .a-ButtonGroup {
@@ -15729,6 +16249,14 @@ input[type=button].a-Button--block {
15729
16249
  border-top-left-radius: 0;
15730
16250
  border-top-right-radius: 0;
15731
16251
  }
16252
+ .a-ButtonGroup--vertical > .a-Button:first-child,
16253
+ .a-ButtonGroup--vertical > .a-ButtonGroup:first-child > .a-Button:first-child {
16254
+ border-top-right-radius: 0.142rem;
16255
+ }
16256
+ .a-ButtonGroup--vertical > .a-Button:last-child,
16257
+ .a-ButtonGroup--vertical > .a-ButtonGroup:last-child > .a-Button:last-child {
16258
+ border-bottom-left-radius: 0.142rem;
16259
+ }
15732
16260
 
15733
16261
  .a-ButtonGroup--tiled {
15734
16262
  display: flex;
@@ -22478,6 +23006,9 @@ fieldset.a-Collapse--lg:after {
22478
23006
  display: inline-block;
22479
23007
  }
22480
23008
 
23009
+ .a-CityArea {
23010
+ text-align: right;
23011
+ }
22481
23012
  .a-CityArea-popup {
22482
23013
  height: 17.5rem;
22483
23014
  }
@@ -22527,7 +23058,7 @@ fieldset.a-Collapse--lg:after {
22527
23058
  .a-Switch .text {
22528
23059
  margin: 0 0.4375rem 0 1.5625rem;
22529
23060
  color: #fff;
22530
- text-indent: calc(3.125rem / 2);
23061
+ text-indent: 0.25rem;
22531
23062
  text-transform: uppercase;
22532
23063
  font-size: 0.75rem;
22533
23064
  line-height: 1.375rem;
@@ -22560,9 +23091,7 @@ fieldset.a-Collapse--lg:after {
22560
23091
  border-width: 0;
22561
23092
  }
22562
23093
  .a-Switch.is-checked .text {
22563
- margin: 0 25px 0 7px;
22564
23094
  color: #fff;
22565
- text-indent: 0.25rem;
22566
23095
  }
22567
23096
  .a-Switch.is-checked.is-disabled .slider:before {
22568
23097
  color: #fff;
@@ -22605,6 +23134,7 @@ fieldset.a-Collapse--lg:after {
22605
23134
  background: #fff;
22606
23135
  border: 0.0625rem solid #d1d5db;
22607
23136
  border-radius: 0.142rem;
23137
+ overflow: hidden;
22608
23138
  }
22609
23139
  .a-Number--borderHalf {
22610
23140
  border-left-color: transparent !important;
@@ -22665,6 +23195,7 @@ fieldset.a-Collapse--lg:after {
22665
23195
  transition: all 0.2s ease;
22666
23196
  border: 0;
22667
23197
  border-radius: 0.142rem;
23198
+ color: #58666e;
22668
23199
  padding: 0 0.5rem;
22669
23200
  }
22670
23201
  .a-Number-handler {
@@ -24321,6 +24852,31 @@ td.rdtQuarter.rdtDisabled > span {
24321
24852
  position: relative;
24322
24853
  width: 7.5rem;
24323
24854
  }
24855
+ .a-ImageControl-item.is-invalid {
24856
+ padding: 0;
24857
+ border-color: #f33e3e;
24858
+ }
24859
+ .a-ImageControl-item svg.icon-refresh {
24860
+ transform: rotate(180deg);
24861
+ }
24862
+ .a-ImageControl-filename {
24863
+ display: inline-flex;
24864
+ flex-direction: column;
24865
+ justify-content: center;
24866
+ align-items: center;
24867
+ color: #f33e3e;
24868
+ }
24869
+ .a-ImageControl-filename > svg.icon-image {
24870
+ margin-bottom: 8px;
24871
+ width: 24px;
24872
+ height: 24px;
24873
+ }
24874
+ .a-ImageControl-filename > span {
24875
+ max-width: 100%;
24876
+ overflow: hidden;
24877
+ white-space: nowrap;
24878
+ text-overflow: ellipsis;
24879
+ }
24324
24880
  .a-ImageControl-image {
24325
24881
  width: 100%;
24326
24882
  height: 100%;
@@ -24375,28 +24931,6 @@ td.rdtQuarter.rdtDisabled > span {
24375
24931
  .a-ImageControl-item.is-invalid:hover .a-ImageControl-itemClear {
24376
24932
  display: block;
24377
24933
  }
24378
- .a-ImageControl-retryBtn {
24379
- margin: 0;
24380
- width: 6.875rem;
24381
- height: 6.875rem;
24382
- display: inline-flex;
24383
- cursor: pointer;
24384
- justify-content: center;
24385
- align-items: center;
24386
- align-content: center;
24387
- flex-wrap: wrap;
24388
- color: #666;
24389
- }
24390
- .a-ImageControl-retryBtn:hover {
24391
- color: #333;
24392
- text-decoration: none;
24393
- }
24394
- .a-ImageControl-retryBtn > p {
24395
- width: 100%;
24396
- text-align: center;
24397
- color: #f05050;
24398
- margin: 10px 0 0;
24399
- }
24400
24934
  .a-ImageControl-errorMsg {
24401
24935
  color: #f05050;
24402
24936
  margin: 5px 0 0;
@@ -24471,43 +25005,58 @@ td.rdtQuarter.rdtDisabled > span {
24471
25005
  }
24472
25006
  .a-FileControl-selectBtn {
24473
25007
  display: inline-flex;
24474
- align-items: center;
24475
25008
  margin-right: 10px;
24476
25009
  }
24477
25010
  .a-FileControl-selectBtn > svg {
24478
- width: 0.875rem;
24479
- height: 0.875rem;
25011
+ margin-right: 4px !important;
25012
+ width: 1rem;
25013
+ height: 1rem;
25014
+ }
25015
+ .a-FileControl-selectBtn > span {
25016
+ font-size: 0.75rem;
25017
+ line-height: 20px;
24480
25018
  }
24481
25019
  .a-FileControl-description {
24482
25020
  color: #999;
24483
25021
  font-size: 12px;
24484
25022
  }
25023
+ .a-FileControl-sizeTip {
25024
+ margin-top: 4px;
25025
+ line-height: 20px;
25026
+ font-size: 0.75rem;
25027
+ color: #84868c;
25028
+ }
24485
25029
  .a-FileControl-list {
24486
25030
  list-style: none;
24487
- margin: 10px 0;
25031
+ margin: 8px 0;
24488
25032
  padding: 0;
25033
+ max-height: 144px;
25034
+ overflow-x: hidden;
25035
+ overflow-y: auto;
24489
25036
  }
24490
25037
  .a-FileControl-list > li {
24491
- color: #333;
25038
+ margin-bottom: 4px;
24492
25039
  font-size: 12px;
24493
25040
  }
24494
25041
  .a-FileControl-list > li:hover {
24495
- color: #108cee;
24496
- background: #f3f3f3;
25042
+ border-radius: 2px;
25043
+ background: #f2f2f4;
25044
+ }
25045
+ .a-FileControl-list-tooltip span {
25046
+ font-size: 0.75rem;
25047
+ color: #f33e3e;
24497
25048
  }
24498
25049
  .a-FileControl-itemInfo {
24499
- padding: 0px 6px;
24500
- line-height: 26px;
25050
+ padding: 2px 4px;
25051
+ display: flex;
25052
+ line-height: 24px;
24501
25053
  height: auto;
24502
25054
  }
24503
25055
  .a-FileControl-itemInfo span {
24504
25056
  word-break: break-all;
24505
25057
  }
24506
25058
  .a-FileControl-itemInfo.is-invalid {
24507
- color: #999;
24508
- }
24509
- .a-FileControl-itemInfo > svg:first-child {
24510
- margin-right: 10px;
25059
+ color: #f33e3e;
24511
25060
  }
24512
25061
  .a-FileControl-itemInfo > svg:not(:first-child) {
24513
25062
  margin-left: 10px;
@@ -24515,22 +25064,23 @@ td.rdtQuarter.rdtDisabled > span {
24515
25064
  height: 1rem;
24516
25065
  top: 0.25rem;
24517
25066
  }
25067
+ .a-FileControl-itemInfoIcon {
25068
+ margin-right: 4px;
25069
+ }
24518
25070
  .a-FileControl-itemInfoText {
24519
25071
  white-space: nowrap;
24520
- max-width: 170px;
24521
25072
  overflow: hidden;
24522
25073
  text-overflow: ellipsis;
24523
- display: inline-block;
24524
25074
  vertical-align: middle;
24525
25075
  }
24526
25076
  .a-FileControl-clear {
24527
25077
  float: right;
24528
- color: #999;
25078
+ color: #84868c;
24529
25079
  display: none;
24530
25080
  cursor: pointer;
24531
25081
  }
24532
25082
  .a-FileControl-clear:hover {
24533
- color: #333;
25083
+ color: #5c5f66;
24534
25084
  }
24535
25085
  .a-FileControl-list:empty {
24536
25086
  display: none;
@@ -24573,14 +25123,46 @@ td.rdtQuarter.rdtDisabled > span {
24573
25123
  min-width: 10%;
24574
25124
  transition: ease-out width 0.2s;
24575
25125
  }
25126
+ .a-FileControl-dropzone.disabled > .a-FileControl-acceptTip {
25127
+ filter: grayscale(100%);
25128
+ box-shadow: none;
25129
+ cursor: not-allowed;
25130
+ color: #b8babf;
25131
+ pointer-events: auto;
25132
+ background: #f7f7f9;
25133
+ }
25134
+ .a-FileControl-dropzone.disabled > .a-FileControl-acceptTip:hover {
25135
+ border-color: #e8e9eb;
25136
+ }
25137
+ .a-FileControl-dropzone.disabled > .a-FileControl-acceptTip > div,
25138
+ .a-FileControl-dropzone.disabled > .a-FileControl-acceptTip > span {
25139
+ color: #b8babf;
25140
+ }
24576
25141
  .a-FileControl-acceptTip {
24577
- height: 120px;
24578
- color: #999;
24579
- border: 2px dashed #23b7e5;
24580
- border-radius: 0.142rem;
24581
- background: #f3f9fe;
24582
- line-height: 120px;
25142
+ display: flex;
25143
+ align-items: center;
25144
+ justify-content: center;
25145
+ flex-flow: column;
25146
+ height: 180px;
24583
25147
  text-align: center;
25148
+ border: 1px dashed #e8e9eb;
25149
+ border-radius: 0.142rem;
25150
+ background: #fff;
25151
+ cursor: pointer;
25152
+ }
25153
+ .a-FileControl-acceptTip:hover {
25154
+ border-color: #23b7e5;
25155
+ }
25156
+ .a-FileControl-acceptTip > span {
25157
+ margin-top: 8px;
25158
+ line-height: 20px;
25159
+ font-size: 0.75rem;
25160
+ color: #303540;
25161
+ }
25162
+ .a-FileControl-acceptTip > svg {
25163
+ width: 48px;
25164
+ height: 48px;
25165
+ top: 0;
24584
25166
  }
24585
25167
  .a-FileControl-sum {
24586
25168
  font-size: 0.75rem;