@douyinfe/semi-ui 2.12.1-alpha.0 → 2.13.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 (188) hide show
  1. package/autoComplete/_story/autoComplete.stories.js +0 -1
  2. package/autoComplete/index.tsx +1 -1
  3. package/avatar/index.tsx +2 -2
  4. package/backtop/index.tsx +7 -11
  5. package/badge/index.tsx +1 -1
  6. package/banner/index.tsx +5 -5
  7. package/breadcrumb/index.tsx +3 -5
  8. package/button/Button.tsx +8 -10
  9. package/card/index.tsx +41 -43
  10. package/carousel/CarouselArrow.tsx +0 -2
  11. package/carousel/index.tsx +0 -1
  12. package/cascader/index.tsx +123 -101
  13. package/cascader/item.tsx +1 -1
  14. package/checkbox/checkbox.tsx +28 -20
  15. package/checkbox/checkboxInner.tsx +11 -1
  16. package/collapsible/index.tsx +1 -8
  17. package/datePicker/dateInput.tsx +0 -1
  18. package/datePicker/datePicker.tsx +5 -13
  19. package/dist/css/semi.css +49 -41
  20. package/dist/css/semi.min.css +1 -1
  21. package/dist/umd/semi-ui.js +5372 -3695
  22. package/dist/umd/semi-ui.js.map +1 -1
  23. package/dist/umd/semi-ui.min.js +1 -1
  24. package/dist/umd/semi-ui.min.js.map +1 -1
  25. package/divider/index.tsx +4 -8
  26. package/dropdown/index.tsx +1 -1
  27. package/empty/index.tsx +5 -13
  28. package/form/hoc/withField.tsx +1 -1
  29. package/form/label.tsx +1 -1
  30. package/grid/col.tsx +1 -1
  31. package/grid/row.tsx +1 -1
  32. package/iconButton/index.tsx +1 -2
  33. package/input/index.tsx +11 -38
  34. package/inputNumber/__test__/inputNumber.test.js +2 -3
  35. package/inputNumber/_story/inputNumber.stories.js +53 -0
  36. package/inputNumber/index.tsx +0 -4
  37. package/lib/cjs/autoComplete/index.js +1 -1
  38. package/lib/cjs/avatar/index.js +2 -4
  39. package/lib/cjs/backtop/index.js +1 -2
  40. package/lib/cjs/badge/index.js +1 -2
  41. package/lib/cjs/banner/index.js +4 -9
  42. package/lib/cjs/breadcrumb/index.js +3 -4
  43. package/lib/cjs/button/Button.js +3 -13
  44. package/lib/cjs/card/index.js +5 -10
  45. package/lib/cjs/carousel/CarouselArrow.js +2 -6
  46. package/lib/cjs/carousel/index.js +1 -2
  47. package/lib/cjs/cascader/index.js +6 -9
  48. package/lib/cjs/cascader/item.js +1 -2
  49. package/lib/cjs/checkbox/checkbox.d.ts +3 -2
  50. package/lib/cjs/checkbox/checkbox.js +33 -15
  51. package/lib/cjs/checkbox/checkboxInner.d.ts +6 -0
  52. package/lib/cjs/checkbox/checkboxInner.js +14 -4
  53. package/lib/cjs/collapsible/index.js +1 -2
  54. package/lib/cjs/datePicker/dateInput.js +1 -2
  55. package/lib/cjs/datePicker/datePicker.js +2 -4
  56. package/lib/cjs/divider/index.js +1 -2
  57. package/lib/cjs/dropdown/index.js +1 -2
  58. package/lib/cjs/empty/index.js +4 -8
  59. package/lib/cjs/form/hoc/withField.js +1 -2
  60. package/lib/cjs/form/label.js +1 -2
  61. package/lib/cjs/grid/col.js +1 -2
  62. package/lib/cjs/grid/row.js +1 -2
  63. package/lib/cjs/iconButton/index.js +1 -3
  64. package/lib/cjs/input/index.js +5 -9
  65. package/lib/cjs/inputNumber/index.js +0 -4
  66. package/lib/cjs/list/index.js +3 -6
  67. package/lib/cjs/modal/ConfirmModal.js +1 -2
  68. package/lib/cjs/modal/Modal.js +2 -6
  69. package/lib/cjs/modal/ModalContent.js +6 -13
  70. package/lib/cjs/notification/notice.js +3 -6
  71. package/lib/cjs/pagination/index.js +2 -4
  72. package/lib/cjs/popconfirm/index.js +3 -6
  73. package/lib/cjs/popover/index.d.ts +1 -0
  74. package/lib/cjs/radio/radio.js +2 -4
  75. package/lib/cjs/rating/item.js +1 -2
  76. package/lib/cjs/scrollList/index.js +3 -6
  77. package/lib/cjs/select/index.js +4 -8
  78. package/lib/cjs/select/option.js +1 -2
  79. package/lib/cjs/sideSheet/SideSheetContent.js +3 -6
  80. package/lib/cjs/skeleton/index.js +1 -3
  81. package/lib/cjs/space/index.js +1 -2
  82. package/lib/cjs/spin/index.js +3 -7
  83. package/lib/cjs/switch/index.js +4 -6
  84. package/lib/cjs/table/Table.js +3 -6
  85. package/lib/cjs/tabs/TabBar.js +1 -2
  86. package/lib/cjs/tabs/TabPane.js +2 -5
  87. package/lib/cjs/tagInput/index.d.ts +6 -1
  88. package/lib/cjs/tagInput/index.js +42 -10
  89. package/lib/cjs/timePicker/Combobox.js +1 -3
  90. package/lib/cjs/toast/toast.js +3 -6
  91. package/lib/cjs/transfer/index.js +1 -2
  92. package/lib/cjs/tree/treeNode.js +1 -2
  93. package/lib/cjs/treeSelect/index.js +3 -6
  94. package/lib/cjs/typography/base.js +1 -2
  95. package/lib/cjs/upload/index.d.ts +1 -1
  96. package/lib/cjs/upload/index.js +6 -13
  97. package/lib/es/autoComplete/index.js +1 -1
  98. package/lib/es/avatar/index.js +2 -4
  99. package/lib/es/backtop/index.js +1 -2
  100. package/lib/es/badge/index.js +1 -2
  101. package/lib/es/banner/index.js +4 -9
  102. package/lib/es/breadcrumb/index.js +3 -4
  103. package/lib/es/button/Button.js +3 -11
  104. package/lib/es/card/index.js +5 -10
  105. package/lib/es/carousel/CarouselArrow.js +2 -6
  106. package/lib/es/carousel/index.js +1 -2
  107. package/lib/es/cascader/index.js +6 -9
  108. package/lib/es/cascader/item.js +1 -2
  109. package/lib/es/checkbox/checkbox.d.ts +3 -2
  110. package/lib/es/checkbox/checkbox.js +33 -15
  111. package/lib/es/checkbox/checkboxInner.d.ts +6 -0
  112. package/lib/es/checkbox/checkboxInner.js +14 -4
  113. package/lib/es/collapsible/index.js +1 -2
  114. package/lib/es/datePicker/dateInput.js +1 -2
  115. package/lib/es/datePicker/datePicker.js +2 -4
  116. package/lib/es/divider/index.js +1 -2
  117. package/lib/es/dropdown/index.js +1 -2
  118. package/lib/es/empty/index.js +4 -8
  119. package/lib/es/form/hoc/withField.js +1 -2
  120. package/lib/es/form/label.js +1 -2
  121. package/lib/es/grid/col.js +1 -2
  122. package/lib/es/grid/row.js +1 -2
  123. package/lib/es/iconButton/index.js +1 -3
  124. package/lib/es/input/index.js +5 -9
  125. package/lib/es/inputNumber/index.js +0 -4
  126. package/lib/es/list/index.js +3 -6
  127. package/lib/es/modal/ConfirmModal.js +1 -2
  128. package/lib/es/modal/Modal.js +2 -6
  129. package/lib/es/modal/ModalContent.js +6 -13
  130. package/lib/es/notification/notice.js +3 -6
  131. package/lib/es/pagination/index.js +2 -4
  132. package/lib/es/popconfirm/index.js +3 -6
  133. package/lib/es/popover/index.d.ts +1 -0
  134. package/lib/es/radio/radio.js +2 -4
  135. package/lib/es/rating/item.js +1 -2
  136. package/lib/es/scrollList/index.js +3 -6
  137. package/lib/es/select/index.js +4 -8
  138. package/lib/es/select/option.js +1 -2
  139. package/lib/es/sideSheet/SideSheetContent.js +3 -6
  140. package/lib/es/skeleton/index.js +1 -3
  141. package/lib/es/space/index.js +1 -2
  142. package/lib/es/spin/index.js +3 -7
  143. package/lib/es/switch/index.js +4 -6
  144. package/lib/es/table/Table.js +3 -6
  145. package/lib/es/tabs/TabBar.js +1 -2
  146. package/lib/es/tabs/TabPane.js +2 -5
  147. package/lib/es/tagInput/index.d.ts +6 -1
  148. package/lib/es/tagInput/index.js +41 -10
  149. package/lib/es/timePicker/Combobox.js +1 -3
  150. package/lib/es/toast/toast.js +3 -6
  151. package/lib/es/transfer/index.js +1 -2
  152. package/lib/es/tree/treeNode.js +1 -2
  153. package/lib/es/treeSelect/index.js +3 -6
  154. package/lib/es/typography/base.js +1 -2
  155. package/lib/es/upload/index.d.ts +1 -1
  156. package/lib/es/upload/index.js +6 -13
  157. package/list/index.tsx +4 -16
  158. package/modal/ConfirmModal.tsx +1 -1
  159. package/modal/Modal.tsx +0 -2
  160. package/modal/ModalContent.tsx +14 -27
  161. package/notification/notice.tsx +4 -16
  162. package/package.json +9 -9
  163. package/pagination/index.tsx +2 -16
  164. package/popconfirm/index.tsx +3 -11
  165. package/popover/index.tsx +1 -1
  166. package/radio/radio.tsx +2 -10
  167. package/rating/item.tsx +1 -1
  168. package/scrollList/index.tsx +3 -19
  169. package/select/_story/select.stories.js +11 -0
  170. package/select/index.tsx +4 -12
  171. package/select/option.tsx +1 -5
  172. package/sideSheet/SideSheetContent.tsx +3 -3
  173. package/skeleton/index.tsx +1 -1
  174. package/space/index.tsx +1 -1
  175. package/spin/index.tsx +9 -15
  176. package/switch/index.tsx +14 -9
  177. package/table/Table.tsx +3 -5
  178. package/tabs/TabBar.tsx +1 -1
  179. package/tabs/TabPane.tsx +4 -9
  180. package/tagInput/index.tsx +38 -11
  181. package/timePicker/Combobox.tsx +1 -6
  182. package/toast/toast.tsx +3 -3
  183. package/transfer/index.tsx +0 -1
  184. package/tree/treeNode.tsx +1 -1
  185. package/treeSelect/index.tsx +3 -15
  186. package/typography/base.tsx +1 -1
  187. package/upload/index.tsx +38 -107
  188. package/yarn-error.log +0 -26235
package/dist/css/semi.css CHANGED
@@ -1021,82 +1021,82 @@ body[theme-mode=dark], body .semi-always-dark {
1021
1021
 
1022
1022
  .semi-avatar-amber {
1023
1023
  background-color: rgba(var(--semi-amber-3), 1);
1024
- color: rgb(var(--semi-white));
1024
+ color: rgba(var(--semi-white), 1);
1025
1025
  }
1026
1026
 
1027
1027
  .semi-avatar-blue {
1028
1028
  background-color: rgba(var(--semi-blue-3), 1);
1029
- color: rgb(var(--semi-white));
1029
+ color: rgba(var(--semi-white), 1);
1030
1030
  }
1031
1031
 
1032
1032
  .semi-avatar-cyan {
1033
1033
  background-color: rgba(var(--semi-cyan-3), 1);
1034
- color: rgb(var(--semi-white));
1034
+ color: rgba(var(--semi-white), 1);
1035
1035
  }
1036
1036
 
1037
1037
  .semi-avatar-green {
1038
1038
  background-color: rgba(var(--semi-green-3), 1);
1039
- color: rgb(var(--semi-white));
1039
+ color: rgba(var(--semi-white), 1);
1040
1040
  }
1041
1041
 
1042
1042
  .semi-avatar-grey {
1043
1043
  background-color: rgba(var(--semi-grey-3), 1);
1044
- color: rgb(var(--semi-white));
1044
+ color: rgba(var(--semi-white), 1);
1045
1045
  }
1046
1046
 
1047
1047
  .semi-avatar-indigo {
1048
1048
  background-color: rgba(var(--semi-indigo-3), 1);
1049
- color: rgb(var(--semi-white));
1049
+ color: rgba(var(--semi-white), 1);
1050
1050
  }
1051
1051
 
1052
1052
  .semi-avatar-light-blue {
1053
1053
  background-color: rgba(var(--semi-light-blue-3), 1);
1054
- color: rgb(var(--semi-white));
1054
+ color: rgba(var(--semi-white), 1);
1055
1055
  }
1056
1056
 
1057
1057
  .semi-avatar-light-green {
1058
1058
  background-color: rgba(var(--semi-light-green-3), 1);
1059
- color: rgb(var(--semi-white));
1059
+ color: rgba(var(--semi-white), 1);
1060
1060
  }
1061
1061
 
1062
1062
  .semi-avatar-lime {
1063
1063
  background-color: rgba(var(--semi-lime-3), 1);
1064
- color: rgb(var(--semi-white));
1064
+ color: rgba(var(--semi-white), 1);
1065
1065
  }
1066
1066
 
1067
1067
  .semi-avatar-orange {
1068
1068
  background-color: rgba(var(--semi-orange-3), 1);
1069
- color: rgb(var(--semi-white));
1069
+ color: rgba(var(--semi-white), 1);
1070
1070
  }
1071
1071
 
1072
1072
  .semi-avatar-pink {
1073
1073
  background-color: rgba(var(--semi-pink-3), 1);
1074
- color: rgb(var(--semi-white));
1074
+ color: rgba(var(--semi-white), 1);
1075
1075
  }
1076
1076
 
1077
1077
  .semi-avatar-purple {
1078
1078
  background-color: rgba(var(--semi-purple-3), 1);
1079
- color: rgb(var(--semi-white));
1079
+ color: rgba(var(--semi-white), 1);
1080
1080
  }
1081
1081
 
1082
1082
  .semi-avatar-red {
1083
1083
  background-color: rgba(var(--semi-red-3), 1);
1084
- color: rgb(var(--semi-white));
1084
+ color: rgba(var(--semi-white), 1);
1085
1085
  }
1086
1086
 
1087
1087
  .semi-avatar-teal {
1088
1088
  background-color: rgba(var(--semi-teal-3), 1);
1089
- color: rgb(var(--semi-white));
1089
+ color: rgba(var(--semi-white), 1);
1090
1090
  }
1091
1091
 
1092
1092
  .semi-avatar-violet {
1093
1093
  background-color: rgba(var(--semi-violet-3), 1);
1094
- color: rgb(var(--semi-white));
1094
+ color: rgba(var(--semi-white), 1);
1095
1095
  }
1096
1096
 
1097
1097
  .semi-avatar-yellow {
1098
1098
  background-color: rgba(var(--semi-yellow-3), 1);
1099
- color: rgb(var(--semi-white));
1099
+ color: rgba(var(--semi-white), 1);
1100
1100
  }
1101
1101
 
1102
1102
  .semi-rtl .semi-avatar,
@@ -1582,7 +1582,7 @@ body[theme-mode=dark], body .semi-always-dark {
1582
1582
  }
1583
1583
  .semi-button-danger {
1584
1584
  background-color: var(--semi-color-danger);
1585
- color: rgb(var(--semi-white));
1585
+ color: rgba(var(--semi-white), 1);
1586
1586
  }
1587
1587
  .semi-button-danger:hover {
1588
1588
  background-color: var(--semi-color-danger-hover);
@@ -1598,7 +1598,7 @@ body[theme-mode=dark], body .semi-always-dark {
1598
1598
  }
1599
1599
  .semi-button-warning {
1600
1600
  background-color: var(--semi-color-warning);
1601
- color: rgb(var(--semi-white));
1601
+ color: rgba(var(--semi-white), 1);
1602
1602
  }
1603
1603
  .semi-button-warning:hover {
1604
1604
  background-color: var(--semi-color-warning-hover);
@@ -1614,7 +1614,7 @@ body[theme-mode=dark], body .semi-always-dark {
1614
1614
  }
1615
1615
  .semi-button-tertiary {
1616
1616
  background-color: var(--semi-color-tertiary);
1617
- color: rgb(var(--semi-white));
1617
+ color: rgba(var(--semi-white), 1);
1618
1618
  }
1619
1619
  .semi-button-tertiary:hover {
1620
1620
  background-color: var(--semi-color-tertiary-hover);
@@ -1627,7 +1627,7 @@ body[theme-mode=dark], body .semi-always-dark {
1627
1627
  }
1628
1628
  .semi-button-primary {
1629
1629
  background-color: var(--semi-color-primary);
1630
- color: rgb(var(--semi-white));
1630
+ color: rgba(var(--semi-white), 1);
1631
1631
  }
1632
1632
  .semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):hover {
1633
1633
  background-color: var(--semi-color-primary-hover);
@@ -1641,7 +1641,7 @@ body[theme-mode=dark], body .semi-always-dark {
1641
1641
  .semi-button-secondary {
1642
1642
  background-color: var(--semi-color-secondary);
1643
1643
  outline-color: var(--semi-color-secondary);
1644
- color: rgb(var(--semi-white));
1644
+ color: rgba(var(--semi-white), 1);
1645
1645
  }
1646
1646
  .semi-button-secondary:hover {
1647
1647
  background-color: var(--semi-color-secondary-hover);
@@ -3443,7 +3443,9 @@ body[theme-mode=dark], body .semi-always-dark {
3443
3443
  font-size: 16px;
3444
3444
  }
3445
3445
  .semi-checkbox-inner-pureCardType {
3446
- display: none;
3446
+ opacity: 0;
3447
+ width: 0;
3448
+ margin-right: 0 !important;
3447
3449
  }
3448
3450
  .semi-checkbox-inner-checked .semi-checkbox-inner-display {
3449
3451
  background: var(--semi-color-primary);
@@ -3622,6 +3624,12 @@ body[theme-mode=dark], body .semi-always-dark {
3622
3624
  color: var(--semi-color-text-2);
3623
3625
  margin-top: 4px;
3624
3626
  }
3627
+ .semi-checkbox-focus {
3628
+ outline: 2px solid var(--semi-color-primary-light-active);
3629
+ }
3630
+ .semi-checkbox-focus-border {
3631
+ box-shadow: inset 0 0 0 1px var(--semi-color-focus-border);
3632
+ }
3625
3633
 
3626
3634
  .semi-checkboxGroup {
3627
3635
  font-size: 14px;
@@ -14431,7 +14439,7 @@ body[theme-mode=dark], body .semi-always-dark {
14431
14439
  .semi-radio .semi-radio-inner-checked .semi-radio-inner-display {
14432
14440
  border: solid 1px var(--semi-color-primary);
14433
14441
  background: var(--semi-color-primary);
14434
- color: rgb(var(--semi-white));
14442
+ color: rgba(var(--semi-white), 1);
14435
14443
  border-radius: 16px;
14436
14444
  }
14437
14445
  .semi-radio .semi-radio-inner-checked > .semi-radio-addon {
@@ -16010,7 +16018,7 @@ body[theme-mode=dark], body .semi-always-dark {
16010
16018
  flex-grow: 0;
16011
16019
  }
16012
16020
  .semi-steps .semi-steps-item-left.semi-steps-item-plain {
16013
- color: rgb(var(--semi-white));
16021
+ color: rgba(var(--semi-white), 1);
16014
16022
  }
16015
16023
  .semi-steps .semi-steps-item-left-process {
16016
16024
  background: var(--semi-color-primary-light-default);
@@ -16391,7 +16399,7 @@ body[theme-mode=dark], body .semi-always-dark {
16391
16399
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
16392
16400
  cursor: pointer;
16393
16401
  border-radius: 9px;
16394
- background-color: rgb(var(--semi-white));
16402
+ background-color: rgba(var(--semi-white), 1);
16395
16403
  box-sizing: border-box;
16396
16404
  position: absolute;
16397
16405
  left: 0;
@@ -17687,7 +17695,7 @@ body[theme-mode=dark], body .semi-always-dark {
17687
17695
 
17688
17696
  .semi-tag-amber-solid {
17689
17697
  background-color: rgba(var(--semi-amber-5), 1);
17690
- color: rgb(var(--semi-white));
17698
+ color: rgba(var(--semi-white), 1);
17691
17699
  }
17692
17700
 
17693
17701
  .semi-tag-amber-light {
@@ -17703,7 +17711,7 @@ body[theme-mode=dark], body .semi-always-dark {
17703
17711
 
17704
17712
  .semi-tag-blue-solid {
17705
17713
  background-color: rgba(var(--semi-blue-5), 1);
17706
- color: rgb(var(--semi-white));
17714
+ color: rgba(var(--semi-white), 1);
17707
17715
  }
17708
17716
 
17709
17717
  .semi-tag-blue-light {
@@ -17719,7 +17727,7 @@ body[theme-mode=dark], body .semi-always-dark {
17719
17727
 
17720
17728
  .semi-tag-cyan-solid {
17721
17729
  background-color: rgba(var(--semi-cyan-5), 1);
17722
- color: rgb(var(--semi-white));
17730
+ color: rgba(var(--semi-white), 1);
17723
17731
  }
17724
17732
 
17725
17733
  .semi-tag-cyan-light {
@@ -17735,7 +17743,7 @@ body[theme-mode=dark], body .semi-always-dark {
17735
17743
 
17736
17744
  .semi-tag-green-solid {
17737
17745
  background-color: rgba(var(--semi-green-5), 1);
17738
- color: rgb(var(--semi-white));
17746
+ color: rgba(var(--semi-white), 1);
17739
17747
  }
17740
17748
 
17741
17749
  .semi-tag-green-light {
@@ -17751,7 +17759,7 @@ body[theme-mode=dark], body .semi-always-dark {
17751
17759
 
17752
17760
  .semi-tag-grey-solid {
17753
17761
  background-color: rgba(var(--semi-grey-5), 1);
17754
- color: rgb(var(--semi-white));
17762
+ color: rgba(var(--semi-white), 1);
17755
17763
  }
17756
17764
 
17757
17765
  .semi-tag-grey-light {
@@ -17767,7 +17775,7 @@ body[theme-mode=dark], body .semi-always-dark {
17767
17775
 
17768
17776
  .semi-tag-indigo-solid {
17769
17777
  background-color: rgba(var(--semi-indigo-5), 1);
17770
- color: rgb(var(--semi-white));
17778
+ color: rgba(var(--semi-white), 1);
17771
17779
  }
17772
17780
 
17773
17781
  .semi-tag-indigo-light {
@@ -17783,7 +17791,7 @@ body[theme-mode=dark], body .semi-always-dark {
17783
17791
 
17784
17792
  .semi-tag-light-blue-solid {
17785
17793
  background-color: rgba(var(--semi-light-blue-5), 1);
17786
- color: rgb(var(--semi-white));
17794
+ color: rgba(var(--semi-white), 1);
17787
17795
  }
17788
17796
 
17789
17797
  .semi-tag-light-blue-light {
@@ -17799,7 +17807,7 @@ body[theme-mode=dark], body .semi-always-dark {
17799
17807
 
17800
17808
  .semi-tag-light-green-solid {
17801
17809
  background-color: rgba(var(--semi-light-green-5), 1);
17802
- color: rgb(var(--semi-white));
17810
+ color: rgba(var(--semi-white), 1);
17803
17811
  }
17804
17812
 
17805
17813
  .semi-tag-light-green-light {
@@ -17815,7 +17823,7 @@ body[theme-mode=dark], body .semi-always-dark {
17815
17823
 
17816
17824
  .semi-tag-lime-solid {
17817
17825
  background-color: rgba(var(--semi-lime-5), 1);
17818
- color: rgb(var(--semi-white));
17826
+ color: rgba(var(--semi-white), 1);
17819
17827
  }
17820
17828
 
17821
17829
  .semi-tag-lime-light {
@@ -17831,7 +17839,7 @@ body[theme-mode=dark], body .semi-always-dark {
17831
17839
 
17832
17840
  .semi-tag-orange-solid {
17833
17841
  background-color: rgba(var(--semi-orange-5), 1);
17834
- color: rgb(var(--semi-white));
17842
+ color: rgba(var(--semi-white), 1);
17835
17843
  }
17836
17844
 
17837
17845
  .semi-tag-orange-light {
@@ -17847,7 +17855,7 @@ body[theme-mode=dark], body .semi-always-dark {
17847
17855
 
17848
17856
  .semi-tag-pink-solid {
17849
17857
  background-color: rgba(var(--semi-pink-5), 1);
17850
- color: rgb(var(--semi-white));
17858
+ color: rgba(var(--semi-white), 1);
17851
17859
  }
17852
17860
 
17853
17861
  .semi-tag-pink-light {
@@ -17863,7 +17871,7 @@ body[theme-mode=dark], body .semi-always-dark {
17863
17871
 
17864
17872
  .semi-tag-purple-solid {
17865
17873
  background-color: rgba(var(--semi-purple-5), 1);
17866
- color: rgb(var(--semi-white));
17874
+ color: rgba(var(--semi-white), 1);
17867
17875
  }
17868
17876
 
17869
17877
  .semi-tag-purple-light {
@@ -17879,7 +17887,7 @@ body[theme-mode=dark], body .semi-always-dark {
17879
17887
 
17880
17888
  .semi-tag-red-solid {
17881
17889
  background-color: rgba(var(--semi-red-5), 1);
17882
- color: rgb(var(--semi-white));
17890
+ color: rgba(var(--semi-white), 1);
17883
17891
  }
17884
17892
 
17885
17893
  .semi-tag-red-light {
@@ -17895,7 +17903,7 @@ body[theme-mode=dark], body .semi-always-dark {
17895
17903
 
17896
17904
  .semi-tag-teal-solid {
17897
17905
  background-color: rgba(var(--semi-teal-5), 1);
17898
- color: rgb(var(--semi-white));
17906
+ color: rgba(var(--semi-white), 1);
17899
17907
  }
17900
17908
 
17901
17909
  .semi-tag-teal-light {
@@ -17911,7 +17919,7 @@ body[theme-mode=dark], body .semi-always-dark {
17911
17919
 
17912
17920
  .semi-tag-violet-solid {
17913
17921
  background-color: rgba(var(--semi-violet-5), 1);
17914
- color: rgb(var(--semi-white));
17922
+ color: rgba(var(--semi-white), 1);
17915
17923
  }
17916
17924
 
17917
17925
  .semi-tag-violet-light {
@@ -17927,7 +17935,7 @@ body[theme-mode=dark], body .semi-always-dark {
17927
17935
 
17928
17936
  .semi-tag-yellow-solid {
17929
17937
  background-color: rgba(var(--semi-yellow-5), 1);
17930
- color: rgb(var(--semi-white));
17938
+ color: rgba(var(--semi-white), 1);
17931
17939
  }
17932
17940
 
17933
17941
  .semi-tag-yellow-light {