@threadlabs/looma 0.14.4 → 0.14.5
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/components/ui-text/ui-text.html +4 -4
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/styles/ui-text.css +6 -6
- package/vue/UiText.vue +4 -4
- package/vue/chunks/UiText.js +1 -1
- package/vue/components.css +25 -25
|
@@ -62,14 +62,14 @@
|
|
|
62
62
|
:host-state([tone="accent"]) {
|
|
63
63
|
color: var(--ui-accent-active);
|
|
64
64
|
}
|
|
65
|
+
/* Every status tone uses the text-safe token a subtle badge sets its words in, so text and badges
|
|
66
|
+
in one tone match, and each holds 4.5:1 on sunken surfaces where some base colours fall short. */
|
|
65
67
|
:host-state([tone="danger"]) {
|
|
66
|
-
color: var(--ui-danger);
|
|
68
|
+
color: var(--ui-danger-subtle-text);
|
|
67
69
|
}
|
|
68
70
|
:host-state([tone="success"]) {
|
|
69
|
-
color: var(--ui-success);
|
|
71
|
+
color: var(--ui-success-subtle-text);
|
|
70
72
|
}
|
|
71
|
-
/* The base info and warning colours fall short of 4.5:1 on sunken surfaces, so these use the
|
|
72
|
-
text-safe tokens a subtle badge sets its words in. */
|
|
73
73
|
:host-state([tone="info"]) {
|
|
74
74
|
color: var(--ui-info-subtle-text);
|
|
75
75
|
}
|