@echothink-ui/style 0.2.0

package/src/styles.css

@@ -0,0 +1,22 @@
+/* ========================================================================= *
+ * @echothink-ui/style — the top-level theme entry.
+ *
+ * Layer order (each layer depends only on the one above it):
+ *   carbon-theme  -> Carbon + the @echothink-ui/tokens --eth-* contract base
+ *   palettes      -> Layer 1: raw color assets
+ *   primitives    -> Layer 2: radius/space/border/blur/motion/z/elevation
+ *   base-roles    -> Layer 4 base: role/state/status/density defaults (Carbon-like)
+ *   density       -> Layer 5: compact/comfortable sizing steps
+ *   type-scale    -> Layer 5: font size/line-height steps
+ *   presets       -> Layer 3: per-preset semantic + role + status deltas
+ *   carbon-bridge -> maps the active preset onto --cds-* for Carbon controls
+ * ========================================================================= */
+
+@import "@echothink-ui/carbon-theme/styles.css";
+@import "./palettes.css";
+@import "./primitives.css";
+@import "./base-roles.css";
+@import "./density.css";
+@import "./type-scale.css";
+@import "./presets.css";
+@import "./carbon-bridge.css";

package/src/type-scale.css

@@ -0,0 +1,47 @@
+/* ========================================================================= *
+ * Layer 5 — Type scale axis.
+ *
+ * Explicit size + line-height tokens. Orthogonal to preset; selected via the
+ * existing [data-eth-type] attribute that StyleScope emits (compact | standard
+ * | large). Standard is the :root default. The legacy --eth-text-scale
+ * multiplier in @echothink-ui/tokens still works for un-migrated components.
+ * ========================================================================= */
+
+:root {
+  --eth-font-size-caption: 0.75rem;   /* 12 */
+  --eth-font-size-body-sm: 0.8125rem; /* 13 */
+  --eth-font-size-body: 0.875rem;     /* 14 */
+  --eth-font-size-body-lg: 1rem;      /* 16 */
+  --eth-font-size-heading-sm: 1rem;   /* 16 */
+  --eth-font-size-heading: 1.25rem;   /* 20 */
+  --eth-font-size-heading-lg: 1.75rem;/* 28 */
+  --eth-font-size-display: 2.5rem;    /* 40 */
+  --eth-line-height-tight: 1.25;
+  --eth-line-height-body: 1.5;
+  --eth-letter-spacing-tight: -0.01em;
+  --eth-letter-spacing-normal: 0;
+}
+
+[data-eth-type="compact"] {
+  --eth-font-size-caption: 0.6875rem; /* 11 */
+  --eth-font-size-body-sm: 0.75rem;   /* 12 */
+  --eth-font-size-body: 0.8125rem;    /* 13 */
+  --eth-font-size-body-lg: 0.9375rem; /* 15 */
+  --eth-font-size-heading-sm: 0.9375rem;
+  --eth-font-size-heading: 1.125rem;  /* 18 */
+  --eth-font-size-heading-lg: 1.5rem; /* 24 */
+  --eth-font-size-display: 2rem;      /* 32 */
+  --eth-line-height-body: 1.4;
+}
+
+[data-eth-type="large"] {
+  --eth-font-size-caption: 0.8125rem; /* 13 */
+  --eth-font-size-body-sm: 0.875rem;  /* 14 */
+  --eth-font-size-body: 1rem;         /* 16 */
+  --eth-font-size-body-lg: 1.125rem;  /* 18 */
+  --eth-font-size-heading-sm: 1.125rem;
+  --eth-font-size-heading: 1.375rem;  /* 22 */
+  --eth-font-size-heading-lg: 2rem;   /* 32 */
+  --eth-font-size-display: 3rem;      /* 48 */
+  --eth-line-height-body: 1.6;
+}