@q1travel/design-system 0.30.1 → 0.30.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.
- package/dist-pkg/design-system.d.ts +11 -2
- package/dist-pkg/design-system.js +6151 -5951
- package/dist-pkg/style.css +22 -1
- package/package.json +1 -1
package/dist-pkg/style.css
CHANGED
|
@@ -12259,7 +12259,6 @@ a.q1-navigation__item[aria-disabled='true'] {
|
|
|
12259
12259
|
.multi-combobox__option[data-active] { background: var(--q1-color-bg-hover); }
|
|
12260
12260
|
.multi-combobox__option[aria-disabled] { color: var(--q1-color-text-muted); cursor: default; }
|
|
12261
12261
|
.multi-combobox__copy { display: grid; min-width: 0; overflow-wrap: anywhere; }
|
|
12262
|
-
.multi-combobox__description { color: var(--q1-color-text-secondary); font-size: var(--q1-font-size-label-13); }
|
|
12263
12262
|
.multi-combobox__option svg { flex-shrink: 0; }
|
|
12264
12263
|
.multi-combobox__status { display: grid; justify-items: start; gap: var(--q1-space-3); padding: var(--q1-space-3); color: var(--q1-color-text-secondary); overflow-wrap: anywhere; }
|
|
12265
12264
|
.multi-select__trigger[aria-invalid='true'] { border-color: var(--q1-color-status-danger); box-shadow: var(--q1-shadow-focus-input-danger); }
|
|
@@ -12269,6 +12268,28 @@ a.q1-navigation__item[aria-disabled='true'] {
|
|
|
12269
12268
|
.multi-combobox__search { font-size: var(--q1-font-size-copy-16); }
|
|
12270
12269
|
}
|
|
12271
12270
|
|
|
12271
|
+
.combobox__option-copy { display: grid; min-width: 0; }
|
|
12272
|
+
.combobox__option-description,
|
|
12273
|
+
.multi-combobox__description { color: var(--q1-color-text-secondary); font-size: var(--q1-font-size-label-13); }
|
|
12274
|
+
.combobox__footer,
|
|
12275
|
+
.multi-combobox__footer { padding: var(--q1-space-2) var(--q1-space-3); border-top: calc(var(--q1-space-1) / 4) solid var(--q1-color-border); overflow-wrap: anywhere; }
|
|
12276
|
+
.combobox__footer a:focus-visible,
|
|
12277
|
+
.multi-combobox__footer a:focus-visible { outline: none; box-shadow: var(--q1-shadow-focus); }
|
|
12278
|
+
.combobox__panel-trigger { display: flex; align-items: center; justify-content: space-between; gap: var(--q1-space-2); width: 100%; min-width: 0; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; }
|
|
12279
|
+
.combobox__panel-trigger > span { overflow-wrap: anywhere; }
|
|
12280
|
+
.combobox__panel-trigger > svg { flex: none; }
|
|
12281
|
+
.combobox__panel-trigger:focus { outline: none; }
|
|
12282
|
+
.combobox__control:has(.combobox__panel-trigger:focus-visible) { box-shadow: var(--q1-shadow-focus); }
|
|
12283
|
+
.combobox__panel-trigger[aria-disabled], .combobox__panel-trigger:disabled { cursor: default; }
|
|
12284
|
+
.combobox__popup--panel { box-sizing: border-box; display: flex; flex-direction: column; gap: var(--q1-space-2); overflow: hidden; }
|
|
12285
|
+
.combobox__popup--panel > :not(.combobox__listbox) { flex: none; }
|
|
12286
|
+
.combobox__popup--panel > .combobox__listbox { min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
|
|
12287
|
+
.combobox__panel-search { width: 100%; min-width: 0; }
|
|
12288
|
+
@media (pointer: coarse), (any-pointer: coarse) {
|
|
12289
|
+
.combobox__panel-trigger { min-height: var(--q1-touch-target-min); }
|
|
12290
|
+
.combobox__panel-search { font-size: var(--q1-font-size-copy-16); }
|
|
12291
|
+
}
|
|
12292
|
+
|
|
12272
12293
|
/* Command Menu：Foundation portal 内的全屏阻断层与可滚动命令列表。 */
|
|
12273
12294
|
.command-palette__trigger {
|
|
12274
12295
|
display: inline-flex;
|