@motir/design-system 0.12.0 → 0.13.0
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/package.json +1 -1
- package/theme.css +12 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@motir/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.13.0",
|
|
4
4
|
"description": "Motir's 3-axis design system (colour · style · type): distributable token CSS, the axis registries, the theme-apply API, and framework-agnostic React primitives. Shared by motir-core and planner-scaffolded products.",
|
|
5
5
|
"license": "GPL-3.0-only",
|
|
6
6
|
"repository": {
|
package/theme.css
CHANGED
|
@@ -4031,6 +4031,18 @@
|
|
|
4031
4031
|
--el-showcase-wave-1: var(--color-primary);
|
|
4032
4032
|
--el-showcase-wave-2: var(--color-accent-teal);
|
|
4033
4033
|
--el-showcase-wave-3: var(--color-accent);
|
|
4034
|
+
/* motir.co's live link ("Motir builds itself" in the header): its square
|
|
4035
|
+
and its words walk the wave hues. The mark is each hue as is; the text
|
|
4036
|
+
is each hue mixed 60/40 with the primary ink, because the raw teal and
|
|
4037
|
+
warm hues fall below AA as text in most light palettes (down to 2.4:1),
|
|
4038
|
+
and at 60% every hue clears 4.5:1 on the page and the surface in every
|
|
4039
|
+
palette and theme. */
|
|
4040
|
+
--el-live-mark-1: var(--color-primary);
|
|
4041
|
+
--el-live-mark-2: var(--color-accent-teal);
|
|
4042
|
+
--el-live-mark-3: var(--color-accent);
|
|
4043
|
+
--el-live-text-1: color-mix(in srgb, var(--color-primary) 60%, var(--color-foreground));
|
|
4044
|
+
--el-live-text-2: color-mix(in srgb, var(--color-accent-teal) 60%, var(--color-foreground));
|
|
4045
|
+
--el-live-text-3: color-mix(in srgb, var(--color-accent) 60%, var(--color-foreground));
|
|
4034
4046
|
}
|
|
4035
4047
|
|
|
4036
4048
|
/* Dark-mode lift for the sidebar hover token. The other three --el-sidebar-*
|