@douyinfe/semi-ui 2.38.2 → 2.40.0-alpha.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.
package/dist/css/semi.css CHANGED
@@ -15412,9 +15412,44 @@ img[src=""], img:not([src]) {
15412
15412
  .semi-select-borderless:not(:focus-within):not(:hover) .semi-select-arrow {
15413
15413
  opacity: 0;
15414
15414
  }
15415
+ .semi-select-borderless:not(:focus-within):not(:hover).semi-select-borderless-arrow .semi-select-arrow {
15416
+ opacity: 1;
15417
+ }
15418
+ .semi-select-borderless:hover {
15419
+ background-color: var(--semi-color-fill-1);
15420
+ border: 1px solid transparent;
15421
+ }
15422
+ .semi-select-borderless:focus {
15423
+ border: 1px solid var(--semi-color-focus-border);
15424
+ background-color: var(--semi-color-fill-0);
15425
+ outline: 0;
15426
+ }
15427
+ .semi-select-borderless:active {
15428
+ background-color: var(--semi-color-fill-2);
15429
+ }
15415
15430
  .semi-select-borderless:focus-within:not(:active) {
15416
15431
  background-color: transparent;
15417
15432
  }
15433
+ .semi-select-borderless.semi-select-disabled {
15434
+ background-color: var(--semi-color-disabled-fill);
15435
+ }
15436
+ .semi-select-borderless.semi-select-disabled:hover {
15437
+ background-color: var(--semi-color-disabled-fill);
15438
+ }
15439
+ .semi-select-borderless.semi-select-disabled .semi-select-selection,
15440
+ .semi-select-borderless.semi-select-disabled .semi-select-selection-placeholder {
15441
+ color: var(--semi-color-disabled-text);
15442
+ }
15443
+ .semi-select-borderless.semi-select-disabled .semi-select-prefix,
15444
+ .semi-select-borderless.semi-select-disabled .semi-select-suffix {
15445
+ color: var(--semi-color-disabled-text);
15446
+ }
15447
+ .semi-select-borderless.semi-select-disabled .semi-select-arrow {
15448
+ color: var(--semi-color-disabled-text);
15449
+ }
15450
+ .semi-select-borderless.semi-select-disabled .semi-tag {
15451
+ color: var(--semi-color-disabled-text);
15452
+ }
15418
15453
  .semi-select-borderless.semi-select-error:not(:focus-within) {
15419
15454
  border-color: var(--semi-color-danger);
15420
15455
  }
@@ -16715,6 +16750,9 @@ img[src=""], img:not([src]) {
16715
16750
  .semi-switch-disabled:active {
16716
16751
  background-color: transparent;
16717
16752
  }
16753
+ .semi-switch-disabled:active .semi-switch-knob {
16754
+ width: 18px;
16755
+ }
16718
16756
  .semi-switch-disabled .semi-switch-knob {
16719
16757
  cursor: not-allowed;
16720
16758
  box-shadow: none;
@@ -16728,6 +16766,9 @@ img[src=""], img:not([src]) {
16728
16766
  border-color: transparent;
16729
16767
  background-color: var(--semi-color-success-disabled);
16730
16768
  }
16769
+ .semi-switch-disabled.semi-switch-checked:active .semi-switch-knob {
16770
+ transform: translateX(18px);
16771
+ }
16731
16772
  .semi-switch-disabled.semi-switch-checked .semi-switch-knob {
16732
16773
  box-shadow: none;
16733
16774
  border: none;
@@ -20384,11 +20425,14 @@ img[src=""], img:not([src]) {
20384
20425
  padding-right: 0;
20385
20426
  cursor: pointer;
20386
20427
  color: var(--semi-color-text-0);
20428
+ position: relative;
20387
20429
  }
20388
- .semi-tree-select-selection-placeholder {
20430
+ .semi-tree-select-selection-content {
20389
20431
  overflow: hidden;
20390
20432
  white-space: nowrap;
20391
20433
  text-overflow: ellipsis;
20434
+ }
20435
+ .semi-tree-select-selection-placeholder {
20392
20436
  color: var(--semi-color-text-2);
20393
20437
  }
20394
20438
  .semi-tree-select-selection .semi-tag-group {
@@ -20402,6 +20446,10 @@ img[src=""], img:not([src]) {
20402
20446
  }
20403
20447
  .semi-tree-select-selection-TriggerSearchItem {
20404
20448
  position: absolute;
20449
+ max-width: calc(100% - 12px);
20450
+ text-overflow: ellipsis;
20451
+ overflow: hidden;
20452
+ white-space: nowrap;
20405
20453
  }
20406
20454
  .semi-tree-select-selection-TriggerSearchItem-placeholder {
20407
20455
  opacity: 0.6;