@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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/theme.css +12 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@motir/design-system",
3
- "version": "0.12.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-*