baseline-foundry 0.1.3

package/dist/tiers/os/tokens.json

@@ -0,0 +1,221 @@
+{
+  "baselineUnit": "0.25rem",
+  "fontFiles": [
+    {
+      "family": "ubuntu-sans",
+      "path": "../../../assets/fonts/UbuntuSans[wdth,wght].ttf",
+      "cssFamily": "Ubuntu Sans",
+      "fontStyle": "normal",
+      "fontWeight": "100 800",
+      "fontStretch": "75% 100%",
+      "fontDisplay": "swap",
+      "emitFontFace": false
+    }
+  ],
+  "fontStacks": {
+    "ubuntu-sans": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif"
+  },
+  "roles": {
+    "body": {
+      "fontSize": "0.75rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.245rem",
+      "identifier": "body",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.005rem"
+    },
+    "h1": {
+      "fontSize": "1.5rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.21917rem",
+      "identifier": "h1",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.03083rem"
+    },
+    "h2": {
+      "fontSize": "1.5rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 200,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.21917rem",
+      "identifier": "h2",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.03083rem"
+    },
+    "h3": {
+      "fontSize": "1rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.16rem",
+      "identifier": "h3",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem"
+    },
+    "h4": {
+      "fontSize": "1rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 300,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.16rem",
+      "identifier": "h4",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem"
+    },
+    "h5": {
+      "fontSize": "0.75rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 550,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.245rem",
+      "identifier": "h5",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.005rem",
+      "fontVariantCaps": "all-small-caps",
+      "letterSpacing": "0.05em"
+    },
+    "h6": {
+      "fontSize": "0.75rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 550,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.245rem",
+      "identifier": "h6",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.005rem"
+    }
+  },
+  "elements": {
+    "body": {
+      "fontSize": "0.75rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.245rem",
+      "identifier": "body",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.005rem"
+    },
+    "h6": {
+      "fontSize": "0.75rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 550,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.245rem",
+      "identifier": "h6",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.005rem"
+    },
+    "h5": {
+      "fontSize": "0.75rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 550,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.245rem",
+      "identifier": "h5",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.005rem",
+      "fontVariantCaps": "all-small-caps",
+      "letterSpacing": "0.05em"
+    },
+    "h4": {
+      "fontSize": "1rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 300,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.16rem",
+      "identifier": "h4",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem"
+    },
+    "h3": {
+      "fontSize": "1rem",
+      "lineHeight": "1rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.16rem",
+      "identifier": "h3",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem"
+    },
+    "h2": {
+      "fontSize": "1.5rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 200,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.21917rem",
+      "identifier": "h2",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.03083rem"
+    },
+    "h1": {
+      "fontSize": "1.5rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "0.75rem",
+      "nudgeTop": "0.21917rem",
+      "identifier": "h1",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.03083rem"
+    }
+  },
+  "layout": {
+    "contentMaxWidth": "67.5rem",
+    "contentPaddingInline": "0.75rem",
+    "measure": "30rem",
+    "sectionSpace": "3rem",
+    "sectionSpaceShallow": "1.5rem",
+    "sectionSpaceDeep": "6rem",
+    "stripSpace": "3rem",
+    "gridGapInline": "1rem",
+    "gridGapBlock": "1rem",
+    "pageMargin": "1rem"
+  },
+  "components": {
+    "borderWidth": "1px",
+    "barThickness": "0.1875rem",
+    "radius": "0rem",
+    "controlBlockPadding": "0.375rem",
+    "controlCompactBlockPadding": "0.25rem",
+    "controlInlinePadding": "0.5rem",
+    "controlInlinePaddingAction": "0.5rem",
+    "controlInlinePaddingField": "0.25rem",
+    "controlVisualSize": "0.75rem",
+    "fieldGap": "0.25rem",
+    "panelPaddingInline": "1rem",
+    "panelPaddingBlock": "1rem",
+    "accordionIndent": "0.75rem"
+  }
+}

package/dist/tokens.json

@@ -0,0 +1,221 @@
+{
+  "baselineUnit": "0.5rem",
+  "fontFiles": [
+    {
+      "family": "ubuntu-sans",
+      "path": "../assets/fonts/UbuntuSans[wdth,wght].ttf",
+      "cssFamily": "Ubuntu Sans",
+      "fontStyle": "normal",
+      "fontWeight": "100 800",
+      "fontStretch": "75% 100%",
+      "fontDisplay": "swap",
+      "emitFontFace": false
+    }
+  ],
+  "fontStacks": {
+    "ubuntu-sans": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif"
+  },
+  "roles": {
+    "body": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.41rem",
+      "identifier": "body",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem"
+    },
+    "h1": {
+      "fontSize": "2.625rem",
+      "lineHeight": "3rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.06881rem",
+      "identifier": "h1",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.43119rem"
+    },
+    "h2": {
+      "fontSize": "2.625rem",
+      "lineHeight": "3rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 200,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.06881rem",
+      "identifier": "h2",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.43119rem"
+    },
+    "h3": {
+      "fontSize": "1.5rem",
+      "lineHeight": "2rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.46917rem",
+      "identifier": "h3",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.03083rem"
+    },
+    "h4": {
+      "fontSize": "1.5rem",
+      "lineHeight": "2rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 300,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.46917rem",
+      "identifier": "h4",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.03083rem"
+    },
+    "h5": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 550,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.41rem",
+      "identifier": "h5",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem",
+      "fontVariantCaps": "all-small-caps",
+      "letterSpacing": "0.05em"
+    },
+    "h6": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 550,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.41rem",
+      "identifier": "h6",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem"
+    }
+  },
+  "elements": {
+    "body": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 400,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.41rem",
+      "identifier": "body",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem"
+    },
+    "h6": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 550,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.41rem",
+      "identifier": "h6",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem"
+    },
+    "h5": {
+      "fontSize": "1rem",
+      "lineHeight": "1.5rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 550,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.41rem",
+      "identifier": "h5",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.09rem",
+      "fontVariantCaps": "all-small-caps",
+      "letterSpacing": "0.05em"
+    },
+    "h4": {
+      "fontSize": "1.5rem",
+      "lineHeight": "2rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 300,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.46917rem",
+      "identifier": "h4",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.03083rem"
+    },
+    "h3": {
+      "fontSize": "1.5rem",
+      "lineHeight": "2rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.46917rem",
+      "identifier": "h3",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.03083rem"
+    },
+    "h2": {
+      "fontSize": "2.625rem",
+      "lineHeight": "3rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 200,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.06881rem",
+      "identifier": "h2",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.43119rem"
+    },
+    "h1": {
+      "fontSize": "2.625rem",
+      "lineHeight": "3rem",
+      "fontFamily": "ubuntu-sans",
+      "fontWeight": 500,
+      "fontStyle": "normal",
+      "spaceAfter": "1rem",
+      "nudgeTop": "0.06881rem",
+      "identifier": "h1",
+      "fontStack": "\"Ubuntu Sans\", \"Segoe UI\", system-ui, sans-serif",
+      "marginBottom": "0.43119rem"
+    }
+  },
+  "layout": {
+    "contentMaxWidth": "90rem",
+    "contentPaddingInline": "1rem",
+    "measure": "40rem",
+    "sectionSpace": "4rem",
+    "sectionSpaceShallow": "1.5rem",
+    "sectionSpaceDeep": "8rem",
+    "stripSpace": "4rem",
+    "gridGapInline": "1rem",
+    "gridGapBlock": "1rem",
+    "pageMargin": "1rem"
+  },
+  "components": {
+    "borderWidth": "1px",
+    "barThickness": "0.1875rem",
+    "radius": "0rem",
+    "controlBlockPadding": "0.5rem",
+    "controlCompactBlockPadding": "0.25rem",
+    "controlInlinePadding": "1rem",
+    "controlInlinePaddingAction": "1rem",
+    "controlInlinePaddingField": "0.5rem",
+    "controlVisualSize": "1rem",
+    "fieldGap": "0.5rem",
+    "panelPaddingInline": "1rem",
+    "panelPaddingBlock": "1rem",
+    "accordionIndent": "1.5rem"
+  }
+}

package/dist/tooltip.d.ts

@@ -0,0 +1,4 @@
+export interface TooltipInitOptions {
+    root?: ParentNode;
+}
+export declare function initTooltips(options?: TooltipInitOptions): () => void;

package/dist/tooltip.js

@@ -0,0 +1,70 @@
+const TOOLTIP_SELECTOR = ".bf-tooltip";
+const MESSAGE_SELECTOR = ".bf-tooltip-message";
+export function initTooltips(options = {}) {
+    const root = options.root ?? document;
+    const isWithinTooltip = (tooltip, relatedTarget) => {
+        return relatedTarget instanceof Node && tooltip.contains(relatedTarget);
+    };
+    const show = (tooltip) => {
+        const message = tooltip.querySelector(MESSAGE_SELECTOR);
+        if (message) {
+            message.setAttribute("aria-hidden", "false");
+        }
+    };
+    const hide = (tooltip) => {
+        const message = tooltip.querySelector(MESSAGE_SELECTOR);
+        if (message) {
+            message.setAttribute("aria-hidden", "true");
+        }
+    };
+    const onFocusIn = (event) => {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            return;
+        }
+        const tooltip = target.closest(TOOLTIP_SELECTOR);
+        if (tooltip) {
+            show(tooltip);
+        }
+    };
+    const onFocusOut = (event) => {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            return;
+        }
+        const tooltip = target.closest(TOOLTIP_SELECTOR);
+        if (tooltip && !isWithinTooltip(tooltip, event.relatedTarget)) {
+            hide(tooltip);
+        }
+    };
+    const onMouseOver = (event) => {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            return;
+        }
+        const tooltip = target.closest(TOOLTIP_SELECTOR);
+        if (tooltip) {
+            show(tooltip);
+        }
+    };
+    const onMouseOut = (event) => {
+        const target = event.target;
+        if (!(target instanceof Element)) {
+            return;
+        }
+        const tooltip = target.closest(TOOLTIP_SELECTOR);
+        if (tooltip && !isWithinTooltip(tooltip, event.relatedTarget)) {
+            hide(tooltip);
+        }
+    };
+    root.addEventListener("focusin", onFocusIn);
+    root.addEventListener("focusout", onFocusOut);
+    root.addEventListener("mouseover", onMouseOver);
+    root.addEventListener("mouseout", onMouseOut);
+    return () => {
+        root.removeEventListener("focusin", onFocusIn);
+        root.removeEventListener("focusout", onFocusOut);
+        root.removeEventListener("mouseover", onMouseOver);
+        root.removeEventListener("mouseout", onMouseOut);
+    };
+}

package/dist/top-navigation.d.ts

@@ -0,0 +1,4 @@
+export interface TopNavigationInitOptions {
+    root?: ParentNode;
+}
+export declare function initTopNavigations(options?: TopNavigationInitOptions): () => void;