baseline-foundry 0.1.7 → 0.2.0

package/dist/tiers/os/tokens.json

@@ -1,5 +1,178 @@
 {
   "baselineUnit": "0.25rem",
+  "inlineUnit": "0.25rem",
+  "canonicalSpacing": {
+    "spacing.baseline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.field.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.mark.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.group.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.pattern.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 3,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.region.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 6,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.field.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.action.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.continuation.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.surface.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.surface.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.strip.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2,
+        "unit": "rem"
+      }
+    }
+  },
+  "spacing": {
+    "spacing.baseline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.field.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.mark.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.group.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.pattern.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 3,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.region.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 6,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.field.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.action.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.continuation.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.25,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.surface.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.surface.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.strip.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2,
+        "unit": "rem"
+      }
+    }
+  },
   "fontFiles": [
     {
       "family": "ubuntu-sans",
@@ -207,15 +380,12 @@
     "borderWidth": "0.0625rem",
     "barThickness": "0.1875rem",
     "radius": "0rem",
-    "controlBlockPadding": "0.375rem",
-    "controlCompactBlockPadding": "0.25rem",
-    "controlInlinePadding": "1rem",
-    "controlInlinePaddingAction": "1rem",
-    "controlInlinePaddingField": "0.25rem",
+    "inlineInsetField": "0.25rem",
+    "inlineInsetAction": "0.5rem",
+    "inlineInsetContinuation": "1.25rem",
     "controlVisualSize": "0.75rem",
     "fieldGap": "0.25rem",
     "panelPaddingInline": "0.5rem",
-    "panelPaddingBlock": "0.5rem",
-    "accordionIndent": "0.75rem"
+    "panelPaddingBlock": "0.5rem"
   }
 }

package/dist/tokens.json

@@ -1,5 +1,178 @@
 {
   "baselineUnit": "0.5rem",
+  "inlineUnit": "0.25rem",
+  "canonicalSpacing": {
+    "spacing.baseline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.field.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.mark.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.group.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.pattern.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.region.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 8,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.field.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.action.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.continuation.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.surface.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.surface.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.strip.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "rem"
+      }
+    }
+  },
+  "spacing": {
+    "spacing.baseline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.field.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.mark.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.group.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.pattern.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "rem"
+      }
+    },
+    "spacing.gap.region.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 8,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.field.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 0.5,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.action.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.continuation.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 2,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.surface.inline": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.surface.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 1,
+        "unit": "rem"
+      }
+    },
+    "spacing.inset.strip.block": {
+      "$type": "dimension",
+      "$value": {
+        "value": 4,
+        "unit": "rem"
+      }
+    }
+  },
   "fontFiles": [
     {
       "family": "ubuntu-sans",
@@ -207,15 +380,12 @@
     "borderWidth": "0.0625rem",
     "barThickness": "0.1875rem",
     "radius": "0rem",
-    "controlBlockPadding": "0.5rem",
-    "controlCompactBlockPadding": "0.25rem",
-    "controlInlinePadding": "1rem",
-    "controlInlinePaddingAction": "1rem",
-    "controlInlinePaddingField": "0.5rem",
+    "inlineInsetField": "0.5rem",
+    "inlineInsetAction": "1rem",
+    "inlineInsetContinuation": "2rem",
     "controlVisualSize": "1rem",
     "fieldGap": "0.5rem",
     "panelPaddingInline": "1rem",
-    "panelPaddingBlock": "1rem",
-    "accordionIndent": "1.5rem"
+    "panelPaddingBlock": "1rem"
   }
 }

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import type { ResolvedDtcgSpacing } from "./dtcg-spacing.js";
 export interface ThemeFontFile {
     family: string;
     path: string;
@@ -36,19 +37,18 @@ export interface ThemeLayoutConfig {
 export interface ThemeComponentsConfig {
     borderWidthRem: number;
     radiusRem: number;
-    controlBlockPaddingRem: number;
-    controlCompactBlockPaddingRem?: number;
-    controlInlinePaddingRem: number;
-    controlInlinePaddingActionRem?: number;
-    controlInlinePaddingFieldRem?: number;
+    inlineInsetFieldUnits: number;
+    inlineInsetActionUnits: number;
+    inlineInsetContinuationUnits: number;
+    markGapInlineUnits: number;
     controlVisualSizeRem: number;
     fieldGapBaselineUnits: number;
-    panelPaddingInlineBaselineUnits: number;
+    panelPaddingInlineUnits: number;
     panelPaddingBlockBaselineUnits: number;
-    accordionIndentBaselineUnits: number;
 }
 export interface ThemeConfig {
     baselineUnit: number;
+    inlineUnitRem: number;
     fontFiles: ThemeFontFile[];
     fontStacks: Record<string, string>;
     elements: ThemeElementConfig[];
@@ -94,19 +94,19 @@ export interface ComponentTokens {
     borderWidth: string;
     barThickness: string;
     radius: string;
-    controlBlockPadding: string;
-    controlCompactBlockPadding: string;
-    controlInlinePadding: string;
-    controlInlinePaddingAction: string;
-    controlInlinePaddingField: string;
+    inlineInsetField: string;
+    inlineInsetAction: string;
+    inlineInsetContinuation: string;
     controlVisualSize: string;
     fieldGap: string;
     panelPaddingInline: string;
     panelPaddingBlock: string;
-    accordionIndent: string;
 }
 export interface ThemeTokens {
     baselineUnit: string;
+    inlineUnit: string;
+    canonicalSpacing?: ResolvedDtcgSpacing;
+    spacing: ResolvedDtcgSpacing;
     fontFiles: ThemeFontFile[];
     fontStacks: Record<string, string>;
     roles: Record<string, TypographyToken>;

package/dist/vanilla-theme-colors.js

@@ -160,6 +160,10 @@ const FOUNDRY_COMPONENT_COLOR_SOURCES = {
     "--bf-color-brand": "--vf-color-brand",
     "--bf-color-focus": "--vf-color-focus"
 };
+const FOUNDRY_COMPONENT_FIXED_COLORS = {
+    "--bf-application-resize-handle-active": "rgba(246, 183, 60, 0.95)",
+    "--bf-application-resize-handle-focus-ring": "rgba(246, 183, 60, 0.55)"
+};
 function cssVarBlock(vars) {
     return `${Object.entries(vars)
         .map(([name, value]) => `  ${name}: ${value};`)
@@ -204,5 +208,5 @@ export function foundryThemeRootColorVars(tone) {
     return aliasBlock(FOUNDRY_THEME_ROOT_COLOR_SOURCES, tone);
 }
 export function foundryComponentColorVars(tone) {
-    return aliasBlock(FOUNDRY_COMPONENT_COLOR_SOURCES, tone, componentAliasFallback);
+    return `${aliasBlock(FOUNDRY_COMPONENT_COLOR_SOURCES, tone, componentAliasFallback)}${cssVarBlock(FOUNDRY_COMPONENT_FIXED_COLORS)}`;
 }

package/docs/publishing.md

@@ -21,7 +21,7 @@ npm install baseline-foundry
 The attached GitHub release tarball is the fallback:
 
 ```bash
-npm install https://github.com/lyubomir-popov/baseline-foundry/releases/download/v0.1.7/baseline-foundry-0.1.7.tgz
+npm install https://github.com/lyubomir-popov/baseline-foundry/releases/download/v0.2.0/baseline-foundry-0.2.0.tgz
 ```
 
 Do not install the Git tag or GitHub source archive. `dist/` is generated and
@@ -66,6 +66,12 @@ durable release evidence; documentation must not claim public provenance.
 
 ## Compatibility
 
+The first release containing Spec 020a must use `0.2.0` or later, not a
+`0.1.x` patch: its exported custom-theme configuration shape is intentionally
+breaking. The required field-by-field migration is documented in the README's
+"What the downstream config needs" section. This requirement does not
+authorize a version bump, publication, tag, or release during 020a landing.
+
 Keeping the package name means normal consumers do not change imports:
 
 ```js

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "baseline-foundry",
-  "version": "0.1.7",
+  "version": "0.2.0",
   "description": "Lean baseline-aligned design system focused on typography, editorial flow, spacing, and grid primitives.",
   "author": "Lyubomir Popov",
   "type": "module",