@q1travel/design-system 0.26.0 → 0.26.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.
- package/dist-pkg/design-system.d.ts +3 -1
- package/dist-pkg/design-system.js +2971 -2965
- package/dist-pkg/style.css +13 -2
- package/package.json +1 -1
package/dist-pkg/style.css
CHANGED
|
@@ -1648,6 +1648,12 @@
|
|
|
1648
1648
|
.menu__trigger:hover:not(:disabled) {
|
|
1649
1649
|
background: color-mix(in srgb, var(--q1-color-text-primary) 4%, transparent);
|
|
1650
1650
|
}
|
|
1651
|
+
/* 文字触发器的前置图标：装饰性，与 Button 的 affix 同样不参与可访问名称。 */
|
|
1652
|
+
.menu__trigger-prefix {
|
|
1653
|
+
display: inline-flex;
|
|
1654
|
+
flex: none;
|
|
1655
|
+
align-items: center;
|
|
1656
|
+
}
|
|
1651
1657
|
/* 图标-only 触发器。 */
|
|
1652
1658
|
.menu__trigger--icon {
|
|
1653
1659
|
width: 32px;
|
|
@@ -12942,10 +12948,15 @@ a.q1-navigation__item[aria-disabled='true'] {
|
|
|
12942
12948
|
|
|
12943
12949
|
.attachment { display: inline-flex; align-items: center; gap: var(--q1-space-2); padding: var(--q1-space-1-5) var(--q1-space-2-5); border: 1px solid var(--q1-color-border); border-radius: var(--q1-radius-2); max-width: 100%; min-width: 0; }
|
|
12944
12950
|
.attachment__icon { display: grid; place-items: center; width: var(--q1-space-7); height: var(--q1-space-7); background: var(--q1-color-bg-subtle); border-radius: var(--q1-radius-1); flex-shrink: 0; }
|
|
12945
|
-
.attachment__details { min-width:
|
|
12951
|
+
.attachment__details { display: grid; min-width: var(--q1-space-24); }
|
|
12952
|
+
.attachment__details > .progress,
|
|
12953
|
+
.attachment__error { margin-top: var(--q1-space-1); }
|
|
12946
12954
|
.attachment__name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--q1-font-size-label-13); }
|
|
12947
12955
|
.attachment__size { color: var(--q1-color-text-muted); font-size: var(--q1-font-size-label-13); }
|
|
12948
|
-
.attachment__error { display:
|
|
12956
|
+
.attachment__error { display: flex; align-items: center; gap: var(--q1-space-2); color: var(--q1-color-status-danger-text); font-size: var(--q1-font-size-label-13); line-height: var(--q1-line-height-label-13); }
|
|
12957
|
+
.attachment__retry { position: relative; --touch-target-border-width: 0px; border: 0; padding: 0; background: transparent; color: var(--q1-color-text-primary); font: inherit; font-weight: var(--q1-font-weight-medium); border-radius: var(--q1-radius-1); cursor: pointer; }
|
|
12958
|
+
.attachment__retry:hover { text-decoration: underline; }
|
|
12959
|
+
.attachment__retry:focus-visible { outline: none; box-shadow: var(--q1-shadow-focus); }
|
|
12949
12960
|
.attachment__remove { position: relative; --touch-target-border-width: 0px; border: 0; background: transparent; color: var(--q1-color-text-muted); display: grid; place-items: center; width: var(--q1-space-6); height: var(--q1-space-6); border-radius: var(--q1-radius-1); flex-shrink: 0; }
|
|
12950
12961
|
.attachment__remove:hover { background: var(--q1-color-bg-hover); }
|
|
12951
12962
|
.attachment__remove:focus-visible { outline: none; box-shadow: var(--q1-shadow-focus); }
|