@q1travel/design-system 0.30.13 → 0.30.15

package/dist-pkg/style.css

@@ -2036,6 +2036,20 @@
   }
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  [data-icon-button-attention='true'] > .button__icon-slot > .button__icon-content > :first-child {
+    transform-origin: 50% 15%;
+    animation: q1-icon-button-attention var(--q1-duration-slow) var(--q1-ease-in-out) 1;
+  }
+
+  @keyframes q1-icon-button-attention {
+    0%, 100% { transform: rotate(0deg); }
+    25% { transform: rotate(-8deg); }
+    50% { transform: rotate(6deg); }
+    75% { transform: rotate(-3deg); }
+  }
+}
+
 /* ButtonLink 独占交互：锚点禁用视觉、触屏点击区与指针触发的忙态指示器交接。 */
 
 .button-link[aria-disabled='true']:not(.button--loading):not(.button--busy) {
@@ -8399,7 +8413,7 @@ a.q1-card:focus-visible {
   visibility: hidden;
 }
 /* 变体：default 是浅灰底 + border-strong 外框，分割线与外框同为 border-strong，在浅灰底上保持清晰；
-   secondary 是面板底 + 与 Button 次要档一致的 border 外框，分割线与外框同色同粗，强调层级低于 default。 */
+   secondary 是面板底 + 与 Button 次要档一致的外框（亮色 border、暗色 border-control）；分割线始终与外框同色同粗。 */
 .split-button--default .split-button__primary,
 .split-button--default .split-button__toggle {
   background: var(--q1-color-bg-subtle);
@@ -8409,6 +8423,10 @@ a.q1-card:focus-visible {
   border-color: var(--q1-color-border);
   background: var(--q1-color-bg-panel);
 }
+:where(:root[data-theme='dark'], [data-q1-theme='dark']) .split-button--secondary .split-button__primary:not(:where([data-q1-theme='light'], [data-q1-theme='light'] *)),
+:where(:root[data-theme='dark'], [data-q1-theme='dark']) .split-button--secondary .split-button__toggle:not(:where([data-q1-theme='light'], [data-q1-theme='light'] *)) {
+  border-color: var(--q1-color-border-control);
+}
 @media (hover: hover) and (pointer: fine) {
   .split-button--default .split-button__primary:hover:not(:disabled, [aria-disabled='true']),
   .split-button--default .split-button__toggle:hover:not(:disabled, [aria-disabled='true']) {
@@ -8418,6 +8436,10 @@ a.q1-card:focus-visible {
   .split-button--secondary .split-button__toggle:hover:not(:disabled, [aria-disabled='true']) {
     background: var(--q1-color-bg-hover);
   }
+  :where(:root[data-theme='dark'], [data-q1-theme='dark']) .split-button--secondary .split-button__primary:hover:not(:disabled, [aria-disabled='true']):not(:where([data-q1-theme='light'], [data-q1-theme='light'] *)),
+  :where(:root[data-theme='dark'], [data-q1-theme='dark']) .split-button--secondary .split-button__toggle:hover:not(:disabled, [aria-disabled='true']):not(:where([data-q1-theme='light'], [data-q1-theme='light'] *)) {
+    border-color: var(--q1-color-gray-800);
+  }
 }
 .split-button__primary:disabled,
 .split-button__toggle:disabled {
@@ -14794,6 +14816,7 @@ a.q1-navigation__item[aria-disabled='true'] {
   background: var(--q1-color-bg-subtle);
   color: var(--q1-color-text-secondary);
 }
+.image[data-frame='none'] { border: 0; border-radius: 0; }
 .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); }

package/package.json

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