@q1travel/design-system 0.30.4 → 0.30.6

package/dist-pkg/style.css

@@ -6466,9 +6466,11 @@ a.q1-card:focus-visible {
   padding-right: 72px;
 }
 
-/* Esc 键帽是唯一清除入口：隐藏 WebKit 原生 search ✕，避免双清除（普通 type=search 的 Input 不隐藏）。 */
+/* SearchInput 可按 Esc 清除；SearchDialog 可按 Esc 关闭或全选删除清空，不另加清除控件。 */
 .search-input__field::-webkit-search-cancel-button,
-.search-input__field::-webkit-search-decoration {
+.search-dialog__input::-webkit-search-cancel-button,
+.search-input__field::-webkit-search-decoration,
+.search-dialog__input::-webkit-search-decoration {
   -webkit-appearance: none;
   appearance: none;
 }
@@ -11452,6 +11454,18 @@ a.q1-navigation__item[aria-disabled='true'] {
   }
 }
 
+@media (forced-colors: active) {
+  .progress__track {
+    border: calc(var(--q1-space-1) / 4) solid CanvasText;
+    background: Canvas;
+  }
+
+  .progress__fill {
+    forced-color-adjust: none;
+    background: Highlight;
+  }
+}
+
 /* Optional SearchDialog content slots. */
 .search-dialog__section + .search-dialog__section {
   margin-top: var(--q1-space-2);
@@ -14434,31 +14448,31 @@ a.q1-navigation__item[aria-disabled='true'] {
 }
 
 /* inline：卡片与页面分区里的紧凑行。小号图标与标题首行同高居中；重试在行尾，容器变窄时折到说明下方。 */
-.region-error-state--inline {
+:is(.region-error-state--inline, .region-error-state--strip) {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: var(--q1-space-3) var(--q1-space-4);
 }
 
-.region-error-state--inline .region-error-state__status {
+:is(.region-error-state--inline, .region-error-state--strip) .region-error-state__status {
   flex: 1 1 0;
   align-items: flex-start;
   gap: var(--q1-space-3);
 }
 
-.region-error-state--inline .region-error-state__icon {
+:is(.region-error-state--inline, .region-error-state--strip) .region-error-state__icon {
   width: var(--q1-space-4);
   height: var(--q1-line-height-heading-14);
 }
 
-.region-error-state--inline .region-error-state__title {
+:is(.region-error-state--inline, .region-error-state--strip) .region-error-state__title {
   font-size: var(--q1-font-size-heading-14);
   font-weight: var(--q1-font-weight-heading-14);
   line-height: var(--q1-line-height-heading-14);
 }
 
-.region-error-state--inline .region-error-state__actions {
+:is(.region-error-state--inline, .region-error-state--strip) .region-error-state__actions {
   flex: none;
 }
 
@@ -14469,6 +14483,19 @@ a.q1-navigation__item[aria-disabled='true'] {
   }
 }
 
+/* strip：整宽中性底条，重试始终留在条内右侧。 */
+.region-error-state--strip {
+  width: 100%;
+  min-inline-size: 0;
+  min-block-size: calc(var(--q1-space-6) * 2);
+  padding-block: var(--q1-space-2);
+  padding-inline: var(--q1-space-4);
+  border-radius: var(--q1-radius-2);
+  background: var(--q1-color-bg-hover);
+  box-sizing: border-box;
+  flex-wrap: nowrap;
+}
+
 .status-page {
   min-block-size: 100dvh;
   box-sizing: border-box;
@@ -14578,6 +14605,71 @@ a.q1-navigation__item[aria-disabled='true'] {
   .status-page--region .skeleton-illustration__bar::after { animation: none; }
 }
 
+.aspect-ratio {
+  position: relative;
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+.aspect-ratio > * {
+  position: absolute;
+  inset: 0;
+  inline-size: 100%;
+  block-size: 100%;
+}
+
+.image {
+  position: relative;
+  display: grid;
+  place-items: center;
+  box-sizing: border-box;
+  inline-size: 100%;
+  min-inline-size: 0;
+  overflow: hidden;
+  border: calc(var(--q1-space-1) / 4) solid var(--q1-color-border);
+  border-radius: var(--q1-radius-2);
+  background: var(--q1-color-bg-subtle);
+  color: var(--q1-color-text-secondary);
+}
+.image[data-size='sm'] { inline-size: var(--q1-space-8); block-size: var(--q1-space-8); }
+.image[data-size='md'] { inline-size: var(--q1-control-height-default); block-size: var(--q1-control-height-default); }
+.image[data-size='lg'] { inline-size: calc(var(--q1-space-6) * 2); block-size: calc(var(--q1-space-6) * 2); }
+.image__img {
+  display: block;
+  inline-size: 100%;
+  block-size: auto;
+  min-inline-size: 0;
+  min-block-size: 0;
+  object-fit: contain;
+  object-position: center;
+}
+.image[data-fit='cover'] > .image__img { object-fit: cover; }
+.image[data-size] > .image__img,
+.aspect-ratio > .image > .image__img { block-size: 100%; }
+.image[data-state='loading'] > .image__img,
+.image[data-state='error'] > .image__img { visibility: hidden; }
+.image[data-state='loading']:not([data-size]),
+.image[data-state='empty']:not([data-size]),
+.image[data-state='error']:not([data-size]) { min-block-size: var(--q1-control-height-default); }
+.image__skeleton {
+  position: absolute;
+  inset: 0;
+  inline-size: 100%;
+  block-size: 100%;
+  border-radius: inherit;
+}
+.image__fallback {
+  grid-area: 1 / 1;
+  max-inline-size: 100%;
+  font-size: var(--q1-font-size-label-12);
+  line-height: var(--q1-line-height-label-12);
+  text-align: center;
+  overflow-wrap: anywhere;
+}
+.image[data-state='error'] > .image__img { grid-area: 1 / 1; }
+@media (forced-colors: active) {
+  .image { border-color: CanvasText; color: CanvasText; }
+}
+
 .hover-card-trigger { display: inline-flex; }
 .hover-card {
   max-width: min(calc(100vw - var(--q1-space-6)), calc(var(--q1-space-8) * 9));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@q1travel/design-system",
-  "version": "0.30.4",
+  "version": "0.30.6",
   "description": "React components, design tokens, and interface contracts for q1travel products.",
   "keywords": [
     "react",