@douyinfe/semi-ui 2.27.1-alpha.3 → 2.27.2

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 (43) hide show
  1. package/dist/css/semi.css +4 -74
  2. package/dist/css/semi.min.css +1 -1
  3. package/dist/umd/semi-ui.js +271 -291
  4. package/dist/umd/semi-ui.js.map +1 -1
  5. package/dist/umd/semi-ui.min.js +1 -1
  6. package/dist/umd/semi-ui.min.js.map +1 -1
  7. package/lib/cjs/_portal/index.d.ts +3 -2
  8. package/lib/cjs/_portal/index.js +42 -28
  9. package/lib/cjs/button/Button.d.ts +1 -1
  10. package/lib/cjs/button/index.d.ts +1 -1
  11. package/lib/cjs/datePicker/dateInput.d.ts +1 -1
  12. package/lib/cjs/datePicker/datePicker.d.ts +1 -1
  13. package/lib/cjs/datePicker/monthsGrid.d.ts +1 -1
  14. package/lib/cjs/form/baseForm.d.ts +1 -1
  15. package/lib/cjs/form/field.d.ts +1 -1
  16. package/lib/cjs/navigation/Item.d.ts +0 -4
  17. package/lib/cjs/navigation/Item.js +9 -25
  18. package/lib/cjs/navigation/SubNav.d.ts +0 -5
  19. package/lib/cjs/navigation/SubNav.js +26 -44
  20. package/lib/cjs/typography/base.d.ts +1 -1
  21. package/lib/cjs/typography/numeral.d.ts +1 -1
  22. package/lib/cjs/typography/paragraph.d.ts +1 -1
  23. package/lib/cjs/typography/text.d.ts +1 -1
  24. package/lib/cjs/typography/title.d.ts +2 -2
  25. package/lib/es/_portal/index.d.ts +3 -2
  26. package/lib/es/_portal/index.js +42 -28
  27. package/lib/es/button/Button.d.ts +1 -1
  28. package/lib/es/button/index.d.ts +1 -1
  29. package/lib/es/datePicker/dateInput.d.ts +1 -1
  30. package/lib/es/datePicker/datePicker.d.ts +1 -1
  31. package/lib/es/datePicker/monthsGrid.d.ts +1 -1
  32. package/lib/es/form/baseForm.d.ts +1 -1
  33. package/lib/es/form/field.d.ts +1 -1
  34. package/lib/es/navigation/Item.d.ts +0 -4
  35. package/lib/es/navigation/Item.js +9 -25
  36. package/lib/es/navigation/SubNav.d.ts +0 -5
  37. package/lib/es/navigation/SubNav.js +26 -44
  38. package/lib/es/typography/base.d.ts +1 -1
  39. package/lib/es/typography/numeral.d.ts +1 -1
  40. package/lib/es/typography/paragraph.d.ts +1 -1
  41. package/lib/es/typography/text.d.ts +1 -1
  42. package/lib/es/typography/title.d.ts +2 -2
  43. package/package.json +8 -8
package/dist/css/semi.css CHANGED
@@ -12594,6 +12594,7 @@ img[src=""], img:not([src]) {
12594
12594
  padding: 8px 12px;
12595
12595
  box-sizing: border-box;
12596
12596
  margin-top: 0;
12597
+ margin-bottom: 8px;
12597
12598
  font-size: 14px;
12598
12599
  line-height: 20px;
12599
12600
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -12778,9 +12779,6 @@ img[src=""], img:not([src]) {
12778
12779
  text-overflow: ellipsis;
12779
12780
  white-space: nowrap;
12780
12781
  overflow: hidden;
12781
- display: flex;
12782
- flex-direction: column;
12783
- row-gap: 8px;
12784
12782
  }
12785
12783
  .semi-navigation-sub .semi-navigation-item {
12786
12784
  color: var(--semi-color-text-0);
@@ -12873,12 +12871,6 @@ img[src=""], img:not([src]) {
12873
12871
  transition: transform 200ms ease-in-out;
12874
12872
  transform: rotate(-180deg);
12875
12873
  }
12876
- .semi-navigation-icon-rotate-0-no-transition {
12877
- transform: rotate(0);
12878
- }
12879
- .semi-navigation-icon-rotate-180-no-transition {
12880
- transform: rotate(-180deg);
12881
- }
12882
12874
 
12883
12875
  /* Header、Footer-Common */
12884
12876
  .semi-navigation-header {
@@ -12939,11 +12931,6 @@ img[src=""], img:not([src]) {
12939
12931
  .semi-navigation-vertical .semi-navigation-list > .semi-navigation-item-selected:not(.semi-navigation-item-disabled).semi-navigation-item-normal:hover .semi-navigation-item-icon:first-child {
12940
12932
  color: var(--semi-color-primary);
12941
12933
  }
12942
- .semi-navigation-vertical .semi-navigation-list {
12943
- display: flex;
12944
- flex-direction: column;
12945
- row-gap: 8px;
12946
- }
12947
12934
  .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title {
12948
12935
  color: var(--semi-color-text-0);
12949
12936
  background-color: transparent;
@@ -13021,6 +13008,9 @@ img[src=""], img:not([src]) {
13021
13008
  .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:hover.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child, .semi-navigation-vertical .semi-navigation-list > .semi-navigation-sub-wrap > .semi-navigation-sub-title:active.semi-navigation-sub-title-disabled.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
13022
13009
  color: var(--semi-color-primary-disabled);
13023
13010
  }
13011
+ .semi-navigation-vertical .semi-navigation-item:last-of-type {
13012
+ margin-bottom: 0;
13013
+ }
13024
13014
  .semi-navigation-vertical .semi-navigation-inner {
13025
13015
  flex-direction: column;
13026
13016
  }
@@ -13219,66 +13209,6 @@ img[src=""], img:not([src]) {
13219
13209
  padding: 0;
13220
13210
  }
13221
13211
 
13222
- .semi-navigation-first-layer > .semi-navigation-sub-title .semi-navigation-item-text {
13223
- font-weight: 600;
13224
- }
13225
- .semi-navigation-first-layer > .semi-navigation-item-text {
13226
- font-weight: 600;
13227
- }
13228
-
13229
- .semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child {
13230
- color: var(--semi-color-primary);
13231
- }
13232
-
13233
- .semi-navigation-sub-wrap .semi-navigation-sub-title {
13234
- margin-bottom: 0;
13235
- }
13236
- .semi-navigation-sub-wrap .semi-navigation-item:last-of-type {
13237
- margin-bottom: 0;
13238
- }
13239
-
13240
- .semi-navigation-sub-title.semi-navigation-sub-title-disabled .semi-navigation-item-text {
13241
- color: var(--semi-color-disabled-text);
13242
- }
13243
-
13244
- .semi-navigation-item-horizontal.semi-navigation-item {
13245
- width: fit-content;
13246
- margin-bottom: 0;
13247
- margin-right: 8px;
13248
- }
13249
- .semi-navigation-item-horizontal.semi-navigation-item.semi-navigation-item-disabled {
13250
- color: var(--semi-color-disabled-text);
13251
- }
13252
- .semi-navigation-item-horizontal .semi-navigation-sub-title .semi-navigation-item-icon:first-child,
13253
- .semi-navigation-item-horizontal .semi-navigation-sub-title .semi-navigation-item-text {
13254
- color: var(--semi-color-text-2);
13255
- background-color: transparent;
13256
- }
13257
- .semi-navigation-item-horizontal .semi-navigation-sub-title.semi-navigation-sub-title-selected .semi-navigation-item-icon:first-child,
13258
- .semi-navigation-item-horizontal .semi-navigation-sub-title.semi-navigation-sub-title-selected .semi-navigation-item-text {
13259
- color: var(--semi-color-text-0);
13260
- }
13261
- .semi-navigation-item-horizontal .semi-navigation-sub-title.semi-navigation-sub-title-disabled .semi-navigation-item-icon:first-child,
13262
- .semi-navigation-item-horizontal .semi-navigation-sub-title.semi-navigation-sub-title-disabled .semi-navigation-item-text {
13263
- color: var(--semi-color-disabled-text);
13264
- }
13265
- .semi-navigation-item-horizontal.semi-navigation-first-layer {
13266
- color: var(--semi-color-text-2);
13267
- }
13268
- .semi-navigation-item-horizontal.semi-navigation-item-selected {
13269
- background-color: transparent;
13270
- }
13271
- .semi-navigation-item-horizontal.semi-navigation-item-selected .semi-navigation-item-icon:first-child,
13272
- .semi-navigation-item-horizontal.semi-navigation-item-selected .semi-navigation-item-text {
13273
- color: var(--semi-color-text-0);
13274
- }
13275
- .semi-navigation-item-horizontal .semi-navigation-item-icon:first-child {
13276
- margin-right: 8px;
13277
- }
13278
- .semi-navigation-item-horizontal .semi-navigation-item-icon:last-child {
13279
- margin-left: 8px;
13280
- }
13281
-
13282
13212
  .semi-rtl .semi-navigation,
13283
13213
  .semi-portal-rtl .semi-navigation {
13284
13214
  direction: rtl;