@sdata/web-vue 5.1.1 → 5.2.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/sd.css CHANGED
@@ -11064,15 +11064,52 @@ body.sd-tour-active .sd-tour-popover * {
11064
11064
  margin-top: 6px;
11065
11065
  }
11066
11066
  .sd-model-selector-group-heading {
11067
+ display: flex;
11068
+ gap: 8px;
11069
+ align-items: center;
11070
+ box-sizing: border-box;
11071
+ width: 100%;
11067
11072
  padding: 6px 12px;
11068
11073
  color: var(--sd-color-text-3);
11069
11074
  font-weight: 500;
11070
11075
  font-size: 12px;
11076
+ text-align: left;
11077
+ background: none;
11078
+ border: 0;
11079
+ cursor: pointer;
11080
+ }
11081
+ .sd-model-selector-group-heading-text {
11082
+ flex: 1;
11083
+ min-width: 0;
11084
+ }
11085
+ .sd-model-selector-group-chevron {
11086
+ flex: none;
11087
+ transition: transform 180ms ease;
11088
+ }
11089
+ .sd-model-selector-group-chevron--expanded {
11090
+ transform: rotate(90deg);
11071
11091
  }
11072
11092
  .sd-model-selector-group-content {
11093
+ display: grid;
11094
+ grid-template-rows: 1fr;
11095
+ opacity: 1;
11096
+ transition: grid-template-rows 180ms ease, opacity 180ms ease;
11097
+ }
11098
+ .sd-model-selector-group-content--collapsed {
11099
+ grid-template-rows: 0fr;
11100
+ opacity: 0;
11101
+ }
11102
+ .sd-model-selector-group-content-inner {
11073
11103
  display: flex;
11074
11104
  flex-direction: column;
11075
11105
  gap: 2px;
11106
+ min-height: 0;
11107
+ overflow: hidden;
11108
+ }
11109
+ @media (prefers-reduced-motion: reduce) {
11110
+ .sd-model-selector-group-chevron, .sd-model-selector-group-content {
11111
+ transition: none;
11112
+ }
11076
11113
  }
11077
11114
  .sd-model-selector-item {
11078
11115
  display: flex;