@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.
- package/dist-pkg/style.css +12 -12
- package/package.json +1 -1
package/dist-pkg/style.css
CHANGED
|
@@ -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) {
|