@slotted/theme 0.1.0-beta.1 → 0.1.0-beta.10

package/conformance/theme-conformance.mjs

@@ -10,7 +10,7 @@ import { LAYER_ORDER_STATEMENT, parseSeed, resolveTokens } from '../dist/index.j
  * that is the theme's identity, and it belongs to the theme's own tests.
  */
 
-const VARIANTS = ['accent', 'secondary', 'success', 'warning', 'danger'];
+const VARIANTS = ['accent', 'secondary', 'success', 'info', 'warning', 'danger'];
 const SOLID_STATES = ['solid', 'solid-hover', 'solid-active'];
 const SURFACES = ['--slotted-surface', '--slotted-surface-raised', '--slotted-surface-sunken'];
 
@@ -30,6 +30,8 @@ const NON_TEXT_RATIO = 3;
 const CONTROL_EDGE_RATIO = 1.5;
 /** The OKLab lightness step a neutral highlight keeps from the ground it is drawn on. */
 const HIGHLIGHT_STEP = 0.02;
+/** The OKLab lightness step a dark scheme's raised layer keeps above the page. */
+const LAYER_STEP = 0.04;
 
 /** The collapsed duration is short enough to read as instant, and never zero. */
 const MAX_REDUCED_MOTION_MS = 1;
@@ -267,6 +269,24 @@ function contrastCases(theme) {
       }
     });
 
+    /**
+     * A card, a menu or a dialog is a layer over the page. In a light scheme
+     * its shadow separates it; in a dark scheme a shadow on a dark ground does
+     * not read, and the layer has to stand lighter than the page. At 0.017 in
+     * OKLab lightness a card read apart only by its border.
+     */
+    if (scheme === 'dark') {
+      test(`${label} ${scheme} raises a layer visibly above the page`, () => {
+        const step =
+          parseSeed(values['--slotted-surface-raised']).l -
+          parseSeed(values['--slotted-surface']).l;
+        assert.ok(
+          step >= LAYER_STEP,
+          `${scheme} --slotted-surface-raised is ${step.toFixed(3)} above --slotted-surface, below ${LAYER_STEP}`,
+        );
+      });
+    }
+
     test(`${label} ${scheme} inverts a surface without losing its text`, () => {
       assert.ok(
         contrast(values['--slotted-surface-inverse'], values['--slotted-text-inverse']) >= required,