@mdsfe/mds-ui 0.2.0 → 0.2.9-rc.1

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 (131) hide show
  1. package/CHANGELOG.md +178 -0
  2. package/README.md +9 -9
  3. package/dist/_mixin/popper.js +1 -0
  4. package/dist/_util/_popper/dom-helper.js +284 -0
  5. package/dist/_util/_popper/popper-mixin.js +35 -0
  6. package/dist/_util/_popper/popper.js +1267 -0
  7. package/dist/_util/_popper/popup/popup-main.js +224 -0
  8. package/dist/_util/_popper/popup/popup-manager.js +205 -0
  9. package/dist/_util/_popper/vue-popper.js +204 -0
  10. package/dist/_util/popup/index.js +1 -1
  11. package/dist/_util/tree/node.js +2 -0
  12. package/dist/_util/tree/tree.js +65 -21
  13. package/dist/_util/util.js +29 -1
  14. package/dist/affix.js +18 -18
  15. package/dist/anchor.js +18 -18
  16. package/dist/avatar.js +17 -17
  17. package/dist/backtop.js +19 -19
  18. package/dist/badge.js +21 -21
  19. package/dist/bordershadow.js +20 -9
  20. package/dist/breadcrumb.js +18 -18
  21. package/dist/button.js +21 -21
  22. package/dist/card.js +18 -18
  23. package/dist/carousel.js +76 -76
  24. package/dist/cascader.js +4980 -0
  25. package/dist/cascaderpanel.js +645 -603
  26. package/dist/checkbox.js +23 -23
  27. package/dist/col.js +14 -14
  28. package/dist/collapse.js +6 -6
  29. package/dist/color.js +6 -6
  30. package/dist/datepicker.js +2487 -266
  31. package/dist/divider.js +19 -19
  32. package/dist/drawer.js +787 -37
  33. package/dist/dropdown.js +150 -104
  34. package/dist/empty.js +19 -19
  35. package/dist/font/iconfont.28359fa.ttf +0 -0
  36. package/dist/font/iconfont.486e3d3.woff2 +0 -0
  37. package/dist/font/iconfont.675049e.woff +0 -0
  38. package/dist/font.js +6 -6
  39. package/dist/form.js +28 -26
  40. package/dist/icon.js +55 -47
  41. package/dist/index.js +1 -1
  42. package/dist/input.js +65 -49
  43. package/dist/inputnumber.js +59 -39
  44. package/dist/layout.js +25 -25
  45. package/dist/list.js +17 -17
  46. package/dist/loading.js +21 -8
  47. package/dist/mds-ui.min.css +3 -3
  48. package/dist/mds-ui.min.js +19183 -15407
  49. package/dist/menu.js +31 -31
  50. package/dist/message.js +773 -24
  51. package/dist/modal.js +1146 -307
  52. package/dist/notification.js +27 -27
  53. package/dist/pagination.js +78 -55
  54. package/dist/popconfirm.js +36 -36
  55. package/dist/popover.js +2778 -48
  56. package/dist/progress.js +107 -65
  57. package/dist/radio.js +56 -54
  58. package/dist/rate.js +67 -59
  59. package/dist/row.js +14 -14
  60. package/dist/select.js +847 -503
  61. package/dist/slider.js +25 -25
  62. package/dist/slottable.js +2663 -129
  63. package/dist/steps.js +18 -18
  64. package/dist/style/affix.css +224 -2
  65. package/dist/style/anchor.css +224 -2
  66. package/dist/style/avatar.css +224 -2
  67. package/dist/style/badge.css +224 -2
  68. package/dist/style/bordershadow.css +236 -59
  69. package/dist/style/breadcrumb.css +224 -2
  70. package/dist/style/button.css +234 -5
  71. package/dist/style/card.css +224 -2
  72. package/dist/style/carousel.css +224 -2
  73. package/dist/style/cascader.css +214 -0
  74. package/dist/style/cascaderpanel.css +13 -16
  75. package/dist/style/checkbox.css +230 -8
  76. package/dist/style/col.css +225 -3
  77. package/dist/style/collapse.css +224 -2
  78. package/dist/style/color.css +224 -2
  79. package/dist/style/datepicker.css +236 -2
  80. package/dist/style/divider.css +227 -2
  81. package/dist/style/drawer.css +224 -2
  82. package/dist/style/dropdown.css +234 -5
  83. package/dist/style/empty.css +224 -2
  84. package/dist/style/font.css +226 -4
  85. package/dist/style/form.css +224 -2
  86. package/dist/style/icon.css +226 -3
  87. package/dist/style/input.css +231 -5
  88. package/dist/style/inputnumber.css +224 -2
  89. package/dist/style/layout.css +224 -2
  90. package/dist/style/list.css +224 -2
  91. package/dist/style/loading.css +2527 -2
  92. package/dist/style/menu.css +340 -129
  93. package/dist/style/message.css +1 -4
  94. package/dist/style/modal.css +247 -25
  95. package/dist/style/notification.css +224 -2
  96. package/dist/style/pagination.css +236 -7
  97. package/dist/style/popconfirm.css +334 -180
  98. package/dist/style/popover.css +324 -177
  99. package/dist/style/progress.css +226 -3
  100. package/dist/style/radio.css +225 -3
  101. package/dist/style/rate.css +226 -3
  102. package/dist/style/row.css +225 -3
  103. package/dist/style/select.css +240 -12
  104. package/dist/style/slider.css +224 -2
  105. package/dist/style/slottable.css +350 -149
  106. package/dist/style/steps.css +224 -2
  107. package/dist/style/switch.css +224 -2
  108. package/dist/style/table.css +458 -314
  109. package/dist/style/tabs.css +225 -18
  110. package/dist/style/tag.css +224 -2
  111. package/dist/style/text.css +224 -2
  112. package/dist/style/timeline.css +224 -2
  113. package/dist/style/timepicker.css +231 -6
  114. package/dist/style/tooltip.css +340 -129
  115. package/dist/style/tree.css +228 -6
  116. package/dist/style/typography.css +224 -2
  117. package/dist/style/upload.css +224 -2
  118. package/dist/switch.js +20 -20
  119. package/dist/table.js +3071 -201
  120. package/dist/tabs.js +24 -22
  121. package/dist/tag.js +17 -23
  122. package/dist/text.js +38 -22
  123. package/dist/timeline.js +14 -14
  124. package/dist/timepicker.js +3063 -172
  125. package/dist/tooltip.js +2550 -27
  126. package/dist/transfer.js +28 -28
  127. package/dist/transition.js +6 -6
  128. package/dist/tree.js +316 -171
  129. package/dist/typography.js +6 -6
  130. package/dist/upload.js +46 -38
  131. package/package.json +9 -5
@@ -504,7 +504,7 @@ a {
504
504
  }
505
505
  a:focus {
506
506
  text-decoration: underline;
507
- text-decoration-skip: ink;
507
+ text-decoration-skip-ink: auto;
508
508
  }
509
509
  a:hover {
510
510
  color: #3f89ff;
@@ -554,7 +554,7 @@ samp {
554
554
  font-display: auto;
555
555
  font-style: normal;
556
556
  /* project id 1921203 */
557
- src: url('//at.alicdn.com/t/font_1921203_dze2k4tp7o.woff2?t=1629700491964') format('woff2'), url('//at.alicdn.com/t/font_1921203_dze2k4tp7o.woff?t=1629700491964') format('woff'), url('//at.alicdn.com/t/font_1921203_dze2k4tp7o.ttf?t=1629700491964') format('truetype');
557
+ src: url(/dist/font/iconfont.486e3d3.woff2) format('woff2'), url(/dist/font/iconfont.675049e.woff) format('woff'), url(/dist/font/iconfont.28359fa.ttf) format('truetype');
558
558
  }
559
559
  .mdsicon {
560
560
  display: inline-block;
@@ -2071,6 +2071,54 @@ samp {
2071
2071
  .mdsicon-line-process:before {
2072
2072
  content: "\E60B";
2073
2073
  }
2074
+ .mdsicon-line-cluster:before {
2075
+ content: "\E6D2";
2076
+ }
2077
+ .mdsicon-line-approval:before {
2078
+ content: "\E6D1";
2079
+ }
2080
+ .mdsicon-line-whistory:before {
2081
+ content: "\E6D0";
2082
+ }
2083
+ .mdsicon-line-wtable:before {
2084
+ content: "\E6CF";
2085
+ }
2086
+ .mdsicon-line-Apply:before {
2087
+ content: "\E6CE";
2088
+ }
2089
+ .mdsicon-line-wlist:before {
2090
+ content: "\E6CD";
2091
+ }
2092
+ .mdsicon-line-monitor:before {
2093
+ content: "\E6CC";
2094
+ }
2095
+ .mdsicon-line-deploy:before {
2096
+ content: "\E6CB";
2097
+ }
2098
+ .mdsicon-line-gateway:before {
2099
+ content: "\E6CA";
2100
+ }
2101
+ .mdsicon-line-measure:before {
2102
+ content: "\E6C9";
2103
+ }
2104
+ .mdsicon-line-new:before {
2105
+ content: "\E6C8";
2106
+ }
2107
+ .mdsicon-line-data:before {
2108
+ content: "\E6C7";
2109
+ }
2110
+ .mdsicon-line-SCF:before {
2111
+ content: "\E6C6";
2112
+ }
2113
+ .mdsicon-line-order:before {
2114
+ content: "\E6C5";
2115
+ }
2116
+ .mdsicon-line-alert:before {
2117
+ content: "\E6C4";
2118
+ }
2119
+ .mdsicon-line-management:before {
2120
+ content: "\E6C3";
2121
+ }
2074
2122
  .mdsicon-line-trend-up:before {
2075
2123
  content: "\EA63";
2076
2124
  }
@@ -2509,6 +2557,9 @@ samp {
2509
2557
  .mdsicon-line-electronic-archives:before {
2510
2558
  content: "\E60D";
2511
2559
  }
2560
+ .mdsicon-line-doc:before {
2561
+ content: "\E707";
2562
+ }
2512
2563
  .mdsicon-line-send-forward:before {
2513
2564
  content: "\EAC6";
2514
2565
  }
@@ -4673,6 +4724,177 @@ samp {
4673
4724
  display: inline-block;
4674
4725
  animation: loadingCircle 6s infinite linear;
4675
4726
  }
4727
+ .mdsicon-line-recommended-2:before {
4728
+ content: "\E698";
4729
+ }
4730
+ .mdsicon-line-history-2:before {
4731
+ content: "\E697";
4732
+ }
4733
+ .mdsicon-fill-collect-1:before {
4734
+ content: "\E669";
4735
+ }
4736
+ .mdsicon-fill-praise-1:before {
4737
+ content: "\E66D";
4738
+ }
4739
+ .mdsicon-line-show:before {
4740
+ content: "\E659";
4741
+ }
4742
+ .mdsicon-line-praise-1:before {
4743
+ content: "\E65D";
4744
+ }
4745
+ .mdsicon-fill-book1:before {
4746
+ content: "\E63F";
4747
+ }
4748
+ .mdsicon-fill-beans:before {
4749
+ content: "\E640";
4750
+ }
4751
+ .mdsicon-fill-article:before {
4752
+ content: "\E641";
4753
+ }
4754
+ .mdsicon-fill-delete1:before {
4755
+ content: "\E642";
4756
+ }
4757
+ .mdsicon-fill-recommend:before {
4758
+ content: "\E643";
4759
+ }
4760
+ .mdsicon-fill-message:before {
4761
+ content: "\E644";
4762
+ }
4763
+ .mdsicon-fill-ranking:before {
4764
+ content: "\E645";
4765
+ }
4766
+ .mdsicon-fill-achievement:before {
4767
+ content: "\E646";
4768
+ }
4769
+ .mdsicon-fill-circle:before {
4770
+ content: "\E647";
4771
+ }
4772
+ .mdsicon-fill-figure-1:before {
4773
+ content: "\E648";
4774
+ }
4775
+ .mdsicon-fill-figure-2:before {
4776
+ content: "\E64A";
4777
+ }
4778
+ .mdsicon-fill-figure-7:before {
4779
+ content: "\E64B";
4780
+ }
4781
+ .mdsicon-fill-figure-4:before {
4782
+ content: "\E64C";
4783
+ }
4784
+ .mdsicon-fill-figure-10:before {
4785
+ content: "\E652";
4786
+ }
4787
+ .mdsicon-fill-figure-5:before {
4788
+ content: "\E653";
4789
+ }
4790
+ .mdsicon-fill-figure-3:before {
4791
+ content: "\E654";
4792
+ }
4793
+ .mdsicon-fill-figure-9:before {
4794
+ content: "\E655";
4795
+ }
4796
+ .mdsicon-fill-figure-6:before {
4797
+ content: "\E656";
4798
+ }
4799
+ .mdsicon-fill-figure-8:before {
4800
+ content: "\E657";
4801
+ }
4802
+ .mdsicon-line-article:before {
4803
+ content: "\E658";
4804
+ }
4805
+ .mdsicon-line-calendar1:before {
4806
+ content: "\E65A";
4807
+ }
4808
+ .mdsicon-line-add:before {
4809
+ content: "\E65B";
4810
+ }
4811
+ .mdsicon-line-download1:before {
4812
+ content: "\E65C";
4813
+ }
4814
+ .mdsicon-line-dynamic:before {
4815
+ content: "\E65E";
4816
+ }
4817
+ .mdsicon-line-change:before {
4818
+ content: "\E65F";
4819
+ }
4820
+ .mdsicon-line-course:before {
4821
+ content: "\E660";
4822
+ }
4823
+ .mdsicon-line-edit1:before {
4824
+ content: "\E661";
4825
+ }
4826
+ .mdsicon-line-comment:before {
4827
+ content: "\E662";
4828
+ }
4829
+ .mdsicon-line-delete1:before {
4830
+ content: "\E663";
4831
+ }
4832
+ .mdsicon-line-email:before {
4833
+ content: "\E664";
4834
+ }
4835
+ .mdsicon-line-message:before {
4836
+ content: "\E665";
4837
+ }
4838
+ .mdsicon-line-feedback:before {
4839
+ content: "\E666";
4840
+ }
4841
+ .mdsicon-line-face1:before {
4842
+ content: "\E667";
4843
+ }
4844
+ .mdsicon-line-link1:before {
4845
+ content: "\E668";
4846
+ }
4847
+ .mdsicon-line-member:before {
4848
+ content: "\E66A";
4849
+ }
4850
+ .mdsicon-line-picture:before {
4851
+ content: "\E66B";
4852
+ }
4853
+ .mdsicon-line-PSQ:before {
4854
+ content: "\E66C";
4855
+ }
4856
+ .mdsicon-line-time1:before {
4857
+ content: "\E66E";
4858
+ }
4859
+ .mdsicon-line-setting1:before {
4860
+ content: "\E66F";
4861
+ }
4862
+ .mdsicon-line-topic:before {
4863
+ content: "\E670";
4864
+ }
4865
+ .mdsicon-line-transmit:before {
4866
+ content: "\E671";
4867
+ }
4868
+ .mdsicon-line-select:before {
4869
+ content: "\E672";
4870
+ }
4871
+ .mdsicon-line-management1:before {
4872
+ content: "\E673";
4873
+ }
4874
+ .mdsicon-line-search1:before {
4875
+ content: "\E674";
4876
+ }
4877
+ .mdsicon-line-vote:before {
4878
+ content: "\E675";
4879
+ }
4880
+ .mdsicon-line-prompt:before {
4881
+ content: "\E676";
4882
+ }
4883
+ .mdsicon-line-video:before {
4884
+ content: "\E678";
4885
+ }
4886
+ .mdsicon-line-wechat:before {
4887
+ content: "\E67A";
4888
+ }
4889
+ .mdsicon-line-close1:before {
4890
+ content: "\E67B";
4891
+ }
4892
+ .mdsicon-line-home1:before {
4893
+ content: "\E67C";
4894
+ }
4895
+ .mdsicon-line-landmark:before {
4896
+ content: "\E67D";
4897
+ }
4676
4898
  .fade-enter,
4677
4899
  .fade-appear {
4678
4900
  animation-duration: 0.2s;
@@ -5572,7 +5794,7 @@ samp {
5572
5794
  }
5573
5795
  .mds-btn-sm {
5574
5796
  padding: 0 11px;
5575
- font-size: 16px;
5797
+ font-size: 14px;
5576
5798
  border-radius: 4px;
5577
5799
  height: 32px;
5578
5800
  }
@@ -5582,7 +5804,7 @@ samp {
5582
5804
  }
5583
5805
  .mds-btn-ls {
5584
5806
  padding: 0 7px;
5585
- font-size: 14px;
5807
+ font-size: 12px;
5586
5808
  border-radius: 4px;
5587
5809
  height: 28px;
5588
5810
  }
@@ -6635,6 +6857,7 @@ samp {
6635
6857
  font-size: 16px;
6636
6858
  border-radius: 50%;
6637
6859
  height: 32px;
6860
+ font-size: 14px;
6638
6861
  }
6639
6862
  .mds-btn-circle.mds-btn-ls,
6640
6863
  .mds-btn-circle-outline.mds-btn-ls {
@@ -6643,6 +6866,7 @@ samp {
6643
6866
  font-size: 14px;
6644
6867
  border-radius: 50%;
6645
6868
  height: 28px;
6869
+ font-size: 12px;
6646
6870
  }
6647
6871
  .mds-btn-loading {
6648
6872
  color: #fff;
@@ -6939,7 +7163,7 @@ samp {
6939
7163
  height: 32px;
6940
7164
  }
6941
7165
  .mds-btn-group-ls > .mds-btn > .mdsicon {
6942
- font-size: 14px;
7166
+ font-size: 12px;
6943
7167
  }
6944
7168
  .mds-btn-group .mds-btn + .mds-btn,
6945
7169
  .mds-btn + .mds-btn-group,
@@ -7640,6 +7864,11 @@ samp {
7640
7864
  border: none;
7641
7865
  background-color: inherit !important;
7642
7866
  }
7867
+ .mds-btn-a-text {
7868
+ color: #0364ff;
7869
+ border: none;
7870
+ background-color: inherit !important;
7871
+ }
7643
7872
  .mds-btn-round {
7644
7873
  border-radius: 18px;
7645
7874
  }
@@ -7680,95 +7909,23 @@ samp {
7680
7909
  /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
7681
7910
  /* stylelint-disable declaration-bang-space-before */
7682
7911
  /* stylelint-disable declaration-bang-space-before */
7912
+ .mds-popover-wrapper {
7913
+ display: inline-block;
7914
+ }
7683
7915
  .mds-popover {
7684
- position: absolute;
7685
- top: 0;
7686
- left: 0;
7687
- z-index: 1030;
7688
- cursor: auto;
7689
- user-select: text;
7690
- white-space: normal;
7916
+ text-align: center;
7917
+ border-radius: 4px;
7918
+ padding: 10px;
7691
7919
  font-size: 12px;
7692
7920
  line-height: 1.5;
7693
- font-weight: normal;
7694
- text-align: left;
7695
- }
7696
- .mds-popover:after {
7697
- content: "";
7698
- position: absolute;
7699
- background: rgba(255, 255, 255, 0.01);
7700
- }
7701
- .mds-popover-hidden {
7702
- display: none;
7703
- }
7704
- .mds-popover-placement-top,
7705
- .mds-popover-placement-topLeft,
7706
- .mds-popover-placement-topRight {
7707
- margin-bottom: 8px;
7708
- }
7709
- .mds-popover-placement-right,
7710
- .mds-popover-placement-rightTop,
7711
- .mds-popover-placement-rightBottom {
7712
- margin-left: 8px;
7713
- }
7714
- .mds-popover-placement-bottom,
7715
- .mds-popover-placement-bottomLeft,
7716
- .mds-popover-placement-bottomRight {
7717
- margin-top: 8px;
7718
- }
7719
- .mds-popover-placement-left,
7720
- .mds-popover-placement-leftTop,
7721
- .mds-popover-placement-leftBottom {
7722
- margin-right: 8px;
7723
- }
7724
- .mds-popover-inner {
7725
- background-color: #fff;
7726
- background-clip: padding-box;
7727
- border-radius: 4px;
7728
- box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
7729
- }
7730
- .mds-popover-title {
7731
- width: 230px;
7732
- margin: 0 auto;
7733
- padding: 13px 16px;
7734
- padding-bottom: 5px;
7735
- min-height: 32px;
7736
- color: #666666;
7737
- font-weight: bold;
7738
- text-align: center;
7739
- font-size: 16px;
7740
- }
7741
- .mds-popover-inner-content {
7742
- padding: 9px 16px;
7921
+ min-width: 150px;
7922
+ word-wrap: break-word;
7743
7923
  font-size: 14px;
7744
- color: #666666;
7745
- text-align: center;
7746
7924
  background: #ffffff;
7747
- border-radius: 4px;
7748
- box-shadow: 0px 0px 12px 0px #d8dce6;
7749
- }
7750
- .mds-popover-message {
7751
- padding: 8px 0 16px;
7752
- font-size: 12px;
7753
- color: #666666;
7754
- }
7755
- .mds-popover-message > .mdsicon {
7756
- color: #ffbf00;
7757
- line-height: 17px;
7758
- position: absolute;
7759
- }
7760
- .mds-popover-message-title {
7761
- padding-left: 20px;
7762
- }
7763
- .mds-popover-buttons {
7764
- text-align: right;
7765
- margin-bottom: 8px;
7766
- }
7767
- .mds-popover-buttons button {
7768
- margin-left: 8px;
7925
+ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
7769
7926
  }
7770
- .mds-popover-arrow,
7771
- .mds-popover-arrow:after {
7927
+ .mds-popover .popper__arrow,
7928
+ .mds-popover .popper__arrow::after {
7772
7929
  position: absolute;
7773
7930
  display: block;
7774
7931
  width: 0;
@@ -7776,116 +7933,113 @@ samp {
7776
7933
  border-color: transparent;
7777
7934
  border-style: solid;
7778
7935
  }
7779
- .mds-popover-arrow {
7780
- border-width: 5px;
7781
- }
7782
- .mds-popover-arrow:after {
7783
- border-width: 4px;
7784
- content: "";
7785
- }
7786
- .mds-popover-placement-top > .mds-popover-content > .mds-popover-arrow,
7787
- .mds-popover-placement-topLeft > .mds-popover-content > .mds-popover-arrow,
7788
- .mds-popover-placement-topRight > .mds-popover-content > .mds-popover-arrow {
7789
- border-bottom-width: 0;
7790
- border-top-color: rgba(217, 217, 217, 0.7);
7791
- bottom: -5px;
7792
- }
7793
- .mds-popover-placement-top > .mds-popover-content > .mds-popover-arrow:after,
7794
- .mds-popover-placement-topLeft > .mds-popover-content > .mds-popover-arrow:after,
7795
- .mds-popover-placement-topRight > .mds-popover-content > .mds-popover-arrow:after {
7936
+ .mds-popover .popper__arrow::after {
7796
7937
  content: " ";
7797
- bottom: 1px;
7798
- margin-left: -4px;
7799
- border-bottom-width: 0;
7800
- border-top-color: #fff;
7938
+ border-width: 6px;
7801
7939
  }
7802
- .mds-popover-placement-top > .mds-popover-content > .mds-popover-arrow {
7803
- left: 50%;
7804
- margin-left: -5px;
7940
+ .mds-popover-hidden {
7941
+ display: none;
7805
7942
  }
7806
- .mds-popover-placement-topLeft > .mds-popover-content > .mds-popover-arrow {
7807
- left: 16px;
7943
+ .mds-popover-placement-top,
7944
+ .mds-popover-placement-top-start,
7945
+ .mds-popover-placement-top-end {
7946
+ margin-bottom: 18px;
7808
7947
  }
7809
- .mds-popover-placement-topRight > .mds-popover-content > .mds-popover-arrow {
7810
- right: 16px;
7948
+ .mds-popover-placement-right,
7949
+ .mds-popover-placement-right-start,
7950
+ .mds-popover-placement-right-end {
7951
+ margin-left: 9px;
7811
7952
  }
7812
- .mds-popover-placement-right > .mds-popover-content > .mds-popover-arrow,
7813
- .mds-popover-placement-rightTop > .mds-popover-content > .mds-popover-arrow,
7814
- .mds-popover-placement-rightBottom > .mds-popover-content > .mds-popover-arrow {
7815
- left: -5px;
7816
- border-left-width: 0;
7817
- border-right-color: rgba(217, 217, 217, 0.7);
7953
+ .mds-popover-placement-bottom,
7954
+ .mds-popover-placement-bottom-start,
7955
+ .mds-popover-placement-bottom-end {
7956
+ margin-top: 18px;
7818
7957
  }
7819
- .mds-popover-placement-right > .mds-popover-content > .mds-popover-arrow:after,
7820
- .mds-popover-placement-rightTop > .mds-popover-content > .mds-popover-arrow:after,
7821
- .mds-popover-placement-rightBottom > .mds-popover-content > .mds-popover-arrow:after {
7822
- content: " ";
7823
- left: 1px;
7824
- bottom: -4px;
7825
- border-left-width: 0;
7826
- border-right-color: #fff;
7958
+ .mds-popover-placement-left,
7959
+ .mds-popover-placement-left-start,
7960
+ .mds-popover-placement-left-end {
7961
+ margin-right: 9px;
7962
+ }
7963
+ .mds-popover-placement-top .popper__arrow,
7964
+ .mds-popover-placement-top-start .popper__arrow,
7965
+ .mds-popover-placement-top-end .popper__arrow {
7966
+ bottom: -6px;
7967
+ border-width: 6px 6px 0;
7968
+ border-top-color: #ebeef5;
7969
+ }
7970
+ .mds-popover-placement-top .popper__arrow::after,
7971
+ .mds-popover-placement-top-start .popper__arrow::after,
7972
+ .mds-popover-placement-top-end .popper__arrow::after {
7973
+ bottom: 1px;
7974
+ border-top-color: #ebeef5;
7975
+ border-width: 5px 5px 0;
7976
+ margin-left: -5px;
7827
7977
  }
7828
- .mds-popover-placement-right > .mds-popover-content > .mds-popover-arrow {
7829
- top: 50%;
7830
- margin-top: -5px;
7978
+ .mds-popover-placement-top .popper__arrow::after,
7979
+ .mds-popover-placement-top-start .popper__arrow::after,
7980
+ .mds-popover-placement-top-end .popper__arrow::after {
7981
+ border-top-color: #fff;
7831
7982
  }
7832
- .mds-popover-placement-rightTop > .mds-popover-content > .mds-popover-arrow {
7833
- top: 12px;
7983
+ .mds-popover-placement-right .popper__arrow,
7984
+ .mds-popover-placement-right-start .popper__arrow,
7985
+ .mds-popover-placement-right-end .popper__arrow {
7986
+ left: -6px;
7987
+ border-width: 6px 6px 6px 0;
7988
+ border-right-color: #ebeef5;
7834
7989
  }
7835
- .mds-popover-placement-rightBottom > .mds-popover-content > .mds-popover-arrow {
7836
- bottom: 12px;
7990
+ .mds-popover-placement-right .popper__arrow::after,
7991
+ .mds-popover-placement-right-start .popper__arrow::after,
7992
+ .mds-popover-placement-right-end .popper__arrow::after {
7993
+ left: 1px;
7994
+ border-right-color: #ebeef5;
7995
+ border-width: 5px 5px 5px 0;
7996
+ bottom: -5px;
7837
7997
  }
7838
- .mds-popover-placement-bottom > .mds-popover-content > .mds-popover-arrow,
7839
- .mds-popover-placement-bottomLeft > .mds-popover-content > .mds-popover-arrow,
7840
- .mds-popover-placement-bottomRight > .mds-popover-content > .mds-popover-arrow {
7841
- border-top-width: 0;
7842
- border-bottom-color: rgba(217, 217, 217, 0.7);
7843
- top: -5px;
7998
+ .mds-popover-placement-right .popper__arrow::after,
7999
+ .mds-popover-placement-right-start .popper__arrow::after,
8000
+ .mds-popover-placement-right-end .popper__arrow::after {
8001
+ border-right-color: #fff;
7844
8002
  }
7845
- .mds-popover-placement-bottom > .mds-popover-content > .mds-popover-arrow:after,
7846
- .mds-popover-placement-bottomLeft > .mds-popover-content > .mds-popover-arrow:after,
7847
- .mds-popover-placement-bottomRight > .mds-popover-content > .mds-popover-arrow:after {
7848
- content: " ";
7849
- top: 1px;
7850
- margin-left: -4px;
7851
- border-top-width: 0;
7852
- border-bottom-color: #fff;
8003
+ .mds-popover-placement-left .popper__arrow,
8004
+ .mds-popover-placement-left-start .popper__arrow,
8005
+ .mds-popover-placement-left-end .popper__arrow {
8006
+ right: -6px;
8007
+ border-width: 6px 0 6px 6px;
8008
+ border-left-color: #ebeef5;
7853
8009
  }
7854
- .mds-popover-placement-bottom > .mds-popover-content > .mds-popover-arrow {
7855
- left: 50%;
8010
+ .mds-popover-placement-left .popper__arrow::after,
8011
+ .mds-popover-placement-left-start .popper__arrow::after,
8012
+ .mds-popover-placement-left-end .popper__arrow::after {
8013
+ right: 1px;
8014
+ border-left-color: #ebeef5;
8015
+ border-width: 5px 0 5px 5px;
7856
8016
  margin-left: -5px;
8017
+ bottom: -5px;
7857
8018
  }
7858
- .mds-popover-placement-bottomLeft > .mds-popover-content > .mds-popover-arrow {
7859
- left: 16px;
7860
- }
7861
- .mds-popover-placement-bottomRight > .mds-popover-content > .mds-popover-arrow {
7862
- right: 16px;
7863
- }
7864
- .mds-popover-placement-left > .mds-popover-content > .mds-popover-arrow,
7865
- .mds-popover-placement-leftTop > .mds-popover-content > .mds-popover-arrow,
7866
- .mds-popover-placement-leftBottom > .mds-popover-content > .mds-popover-arrow {
7867
- right: -5px;
7868
- border-right-width: 0;
7869
- border-left-color: rgba(217, 217, 217, 0.7);
7870
- }
7871
- .mds-popover-placement-left > .mds-popover-content > .mds-popover-arrow:after,
7872
- .mds-popover-placement-leftTop > .mds-popover-content > .mds-popover-arrow:after,
7873
- .mds-popover-placement-leftBottom > .mds-popover-content > .mds-popover-arrow:after {
7874
- content: " ";
7875
- right: 1px;
7876
- border-right-width: 0;
8019
+ .mds-popover-placement-left .popper__arrow::after,
8020
+ .mds-popover-placement-left-start .popper__arrow::after,
8021
+ .mds-popover-placement-left-end .popper__arrow::after {
7877
8022
  border-left-color: #fff;
7878
- bottom: -4px;
7879
8023
  }
7880
- .mds-popover-placement-left > .mds-popover-content > .mds-popover-arrow {
7881
- top: 50%;
7882
- margin-top: -5px;
8024
+ .mds-popover-placement-bottom .popper__arrow,
8025
+ .mds-popover-placement-bottom-start .popper__arrow,
8026
+ .mds-popover-placement-bottom-end .popper__arrow {
8027
+ top: -6px;
8028
+ border-width: 0 6px 6px;
8029
+ border-bottom-color: #ebeef5;
7883
8030
  }
7884
- .mds-popover-placement-leftTop > .mds-popover-content > .mds-popover-arrow {
7885
- top: 12px;
8031
+ .mds-popover-placement-bottom .popper__arrow::after,
8032
+ .mds-popover-placement-bottom-start .popper__arrow::after,
8033
+ .mds-popover-placement-bottom-end .popper__arrow::after {
8034
+ top: 1px;
8035
+ border-top-color: #ebeef5;
8036
+ border-width: 0 5px 5px;
8037
+ margin-left: -5px;
7886
8038
  }
7887
- .mds-popover-placement-leftBottom > .mds-popover-content > .mds-popover-arrow {
7888
- bottom: 12px;
8039
+ .mds-popover-placement-bottom .popper__arrow::after,
8040
+ .mds-popover-placement-bottom-start .popper__arrow::after,
8041
+ .mds-popover-placement-bottom-end .popper__arrow::after {
8042
+ border-bottom-color: #fff;
7889
8043
  }
7890
8044
  /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
7891
8045
  /* stylelint-disable declaration-bang-space-before */