@q1travel/design-system 0.30.9 → 0.30.10

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.
Files changed (2) hide show
  1. package/dist-pkg/style.css +12 -12
  2. package/package.json +1 -1
@@ -647,7 +647,7 @@
647
647
 
648
648
  .button--danger {
649
649
  border-color: color-mix(in srgb, var(--q1-color-status-danger) 44%, var(--q1-color-border));
650
- color: var(--q1-color-status-danger);
650
+ color: var(--q1-color-status-danger-text);
651
651
  }
652
652
 
653
653
  .button--warning {
@@ -785,7 +785,7 @@
785
785
  background: var(--q1-color-bg-hover);
786
786
  }
787
787
 
788
- :where(:root[data-theme='dark'], [data-q1-theme='dark']) .button:not(:where([data-q1-theme='light'], [data-q1-theme='light'] *)):not(.button--primary):not(.button--ghost):not(.button--danger):not(.button--warning):not(.button--selected):not(:disabled):not([aria-disabled='true']):hover {
788
+ :where(:root[data-theme='dark'], [data-q1-theme='dark']) .button:where(:not(:where([data-q1-theme='light'], [data-q1-theme='light'] *)):not(.button--primary):not(.button--ghost):not(.button--danger):not(.button--warning):not(.button--selected):not(:disabled):not([aria-disabled='true'])):hover {
789
789
  border-color: var(--q1-color-gray-800);
790
790
  }
791
791
 
@@ -979,7 +979,7 @@
979
979
  --q1-tone-fg-warning: oklch(from var(--q1-color-status-warning) 0.47 0.13 h);
980
980
  --q1-tone-bg-danger: oklch(from var(--q1-color-status-danger) 0.96 0.03 h);
981
981
  --q1-tone-border-danger: oklch(from var(--q1-color-status-danger) 0.86 0.06 h);
982
- --q1-tone-fg-danger: oklch(from var(--q1-color-status-danger) 0.47 0.13 h);
982
+ --q1-tone-fg-danger: oklch(from var(--q1-color-status-danger-text) 0.47 0.13 h);
983
983
  }
984
984
 
985
985
  :root[data-theme='dark'],
@@ -995,7 +995,7 @@
995
995
  --q1-tone-fg-warning: oklch(from var(--q1-color-status-warning) 0.72 0.14 h);
996
996
  --q1-tone-bg-danger: oklch(from var(--q1-color-status-danger) 0.24 0.04 h);
997
997
  --q1-tone-border-danger: oklch(from var(--q1-color-status-danger) 0.34 0.06 h);
998
- --q1-tone-fg-danger: oklch(from var(--q1-color-status-danger) 0.72 0.14 h);
998
+ --q1-tone-fg-danger: oklch(from var(--q1-color-status-danger-text) 0.72 0.14 h);
999
999
  }
1000
1000
 
1001
1001
  /* 局部主题子树根元素:原生控件与继承文字色随子树主题,不沿用页面主题。 */
@@ -2563,7 +2563,7 @@
2563
2563
 
2564
2564
  .badge--danger-subtle {
2565
2565
  background: oklch(from var(--q1-color-status-danger) 0.95 0.035 h);
2566
- color: oklch(from var(--q1-color-status-danger) 0.47 0.15 h);
2566
+ color: oklch(from var(--q1-color-status-danger-text) 0.47 0.15 h);
2567
2567
  }
2568
2568
 
2569
2569
  /* subtle 暗色:暗底 + 亮字(oklch L0.26 底 / L0.74 字)。 */
@@ -2584,7 +2584,7 @@
2584
2584
 
2585
2585
  :is(:root[data-theme='dark'], [data-q1-theme='dark']) .badge--danger-subtle:not(:where([data-q1-theme='light'], [data-q1-theme='light'] *)) {
2586
2586
  background: oklch(from var(--q1-color-status-danger) 0.26 0.045 h);
2587
- color: oklch(from var(--q1-color-status-danger) 0.74 0.16 h);
2587
+ color: oklch(from var(--q1-color-status-danger-text) 0.74 0.16 h);
2588
2588
  }
2589
2589
 
2590
2590
  /* quiet 档:低强调元数据形态(SKU/条码/待绑定包裹等),视觉≈neutral-subtle——淡染底、无描边,但不带 tone 语义色。 */
@@ -4893,7 +4893,7 @@ a[href]:has(> .book):focus-visible {
4893
4893
 
4894
4894
  .label__required {
4895
4895
  margin-left: 2px;
4896
- color: var(--q1-color-status-danger);
4896
+ color: var(--q1-color-status-danger-text);
4897
4897
  }
4898
4898
 
4899
4899
  .code-block {
@@ -6659,7 +6659,7 @@ a.q1-card:focus-visible {
6659
6659
  }
6660
6660
 
6661
6661
  .fieldset--danger .fieldset__status {
6662
- color: var(--q1-color-status-danger);
6662
+ color: var(--q1-color-status-danger-text);
6663
6663
  }
6664
6664
 
6665
6665
  /* 窄屏:页脚纵排,说明文字整行在上、操作在下,避免日期与按钮文案被并排挤成两行。 */
@@ -10693,7 +10693,7 @@ a.q1-navigation__item[aria-disabled='true'] {
10693
10693
  border-radius: var(--q1-radius-2);
10694
10694
  background: color-mix(in srgb, var(--q1-color-status-danger) 10%, transparent);
10695
10695
  padding: var(--q1-space-2) var(--q1-space-3);
10696
- color: color-mix(in srgb, var(--q1-color-status-danger) 70%, var(--q1-color-text-primary));
10696
+ color: color-mix(in srgb, var(--q1-color-status-danger-text) 70%, var(--q1-color-text-primary));
10697
10697
  font-size: var(--q1-font-size-label-13);
10698
10698
  line-height: var(--q1-line-height-label-13);
10699
10699
  }
@@ -12023,7 +12023,7 @@ a.q1-navigation__item[aria-disabled='true'] {
12023
12023
  }
12024
12024
 
12025
12025
  .cal-inputs__error {
12026
- color: var(--q1-color-status-danger);
12026
+ color: var(--q1-color-status-danger-text);
12027
12027
  font-size: var(--q1-font-size-label-12);
12028
12028
  line-height: var(--q1-line-height-label-12);
12029
12029
  }
@@ -15022,7 +15022,7 @@ a.q1-navigation__item[aria-disabled='true'] {
15022
15022
  }
15023
15023
 
15024
15024
  .feedback__message--error {
15025
- color: var(--q1-color-status-danger);
15025
+ color: var(--q1-color-status-danger-text);
15026
15026
  }
15027
15027
 
15028
15028
  .feedback__submit {
@@ -15309,7 +15309,7 @@ a.q1-navigation__item[aria-disabled='true'] {
15309
15309
 
15310
15310
  .page-feedback__actions { justify-content: flex-end; }
15311
15311
  .page-feedback__status { margin: 0; }
15312
- .page-feedback__error { color: var(--q1-color-status-danger); }
15312
+ .page-feedback__error { color: var(--q1-color-status-danger-text); }
15313
15313
  .page-feedback :disabled { cursor: default; opacity: 0.5; }
15314
15314
 
15315
15315
  @media (hover: hover) and (pointer: fine) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@q1travel/design-system",
3
- "version": "0.30.9",
3
+ "version": "0.30.10",
4
4
  "description": "React components, design tokens, and interface contracts for q1travel products.",
5
5
  "keywords": [
6
6
  "react",