@q1travel/design-system 0.25.0 → 0.26.0

package/dist-pkg/style.css

@@ -226,6 +226,8 @@
   --q1-line-height-label-14: 20px;
   --q1-font-size-label-13: 13px;
   --q1-line-height-label-13: 18px;
+  --q1-font-size-label-12: 12px;
+  --q1-line-height-label-12: 16px;
   --q1-font-size-copy-16: 16px;
   --q1-line-height-copy-16: 28px;
   --q1-font-size-copy-14: 14px;
@@ -1030,6 +1032,18 @@
   display: inline-grid;
 }
 
+/* 槽位里的按钮不画悬停框：通用 .button--icon 悬停会加边框和底色，放在输入框内侧就成了
+   一个几乎等高、贴着右边框的灰框。悬停只把图标从次要色加深到主色；键盘焦点环保持不变。 */
+.input-control__action .button--ghost.button--icon {
+  color: var(--q1-color-text-secondary);
+}
+
+.input-control__action .button--ghost.button--icon:not(:disabled):not([aria-disabled='true']):hover {
+  border-color: transparent;
+  background: transparent;
+  color: var(--q1-color-text-primary);
+}
+
 .input-control__reveal-icon {
   grid-area: 1 / 1;
   display: inline-flex;
@@ -6815,8 +6829,8 @@ a.q1-card:focus-visible {
 }
 .pagination__summary {
   min-width: 0;
-  font-size: 13px;
-  line-height: 20px;
+  font-size: var(--q1-font-size-label-12);
+  line-height: var(--q1-line-height-label-12);
   color: var(--q1-color-text-secondary);
   overflow-wrap: anywhere;
 }
@@ -13018,11 +13032,6 @@ a.q1-navigation__item[aria-disabled='true'] {
   gap: var(--q1-space-3);
 }
 
-.feedback__prompt {
-  color: var(--q1-color-text-primary);
-  font-size: var(--q1-font-size-copy-14);
-}
-
 .feedback__emotions {
   display: flex;
   gap: var(--q1-space-1);
@@ -13275,8 +13284,7 @@ a.q1-navigation__item[aria-disabled='true'] {
 
 .page-feedback__heading,
 .page-feedback__options,
-.page-feedback__actions,
-.page-feedback__consent {
+.page-feedback__actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -13323,15 +13331,12 @@ a.q1-navigation__item[aria-disabled='true'] {
   padding: var(--q1-space-3);
 }
 
-.page-feedback :is(button, textarea, input, a):focus-visible {
+.page-feedback :is(button, textarea):focus-visible {
   outline: none;
   box-shadow: var(--q1-shadow-focus);
 }
 
 .page-feedback__actions { justify-content: flex-end; }
-.page-feedback__consent label { display: inline-flex; align-items: center; gap: var(--q1-space-2); }
-.page-feedback__consent input { accent-color: var(--q1-color-text-primary); }
-.page-feedback__consent a { color: var(--q1-color-text-primary); }
 .page-feedback__status { margin: 0; }
 .page-feedback__error { color: var(--q1-color-status-danger); }
 .page-feedback :disabled { cursor: default; opacity: 0.5; }
@@ -13344,8 +13349,7 @@ a.q1-navigation__item[aria-disabled='true'] {
 }
 
 @media (max-width: 48rem), (pointer: coarse), (any-pointer: coarse) {
-  .page-feedback__option,
-  .page-feedback__consent label {
+  .page-feedback__option {
     min-height: calc(var(--q1-space-10) + var(--q1-space-1));
     min-width: calc(var(--q1-space-10) + var(--q1-space-1));
   }

package/dist-pkg/tokens.css

@@ -216,6 +216,8 @@
   --q1-line-height-label-14: 20px;
   --q1-font-size-label-13: 13px;
   --q1-line-height-label-13: 18px;
+  --q1-font-size-label-12: 12px;
+  --q1-line-height-label-12: 16px;
   --q1-font-size-copy-16: 16px;
   --q1-line-height-copy-16: 28px;
   --q1-font-size-copy-14: 14px;
@@ -510,6 +512,8 @@
   --q1-line-height-label-14: 20px;
   --q1-font-size-label-13: 13px;
   --q1-line-height-label-13: 18px;
+  --q1-font-size-label-12: 12px;
+  --q1-line-height-label-12: 16px;
   --q1-font-size-copy-16: 16px;
   --q1-line-height-copy-16: 28px;
   --q1-font-size-copy-14: 14px;

package/package.json

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