@bfrs/agentic-components 0.2.8 → 0.3.1

package/dist/fonts.css

@@ -0,0 +1,152 @@
+/*
+ * @bfrs/agentic-components/fonts.css — OPT-IN SF Pro Display webfont.
+ *
+ * The main stylesheet (`@bfrs/agentic-components/styles`) only references the
+ * font family by NAME (`--bfrs-font-sans`) and intentionally ships no
+ * `@font-face` so it never leaks into a host document. Import THIS file once,
+ * in addition, when you want the library to provide and apply SF Pro itself:
+ *
+ *   import "@bfrs/agentic-components/styles";
+ *   import "@bfrs/agentic-components/fonts.css";
+ *
+ * It bundles the font files (relative URLs, so any base path works), defines
+ * `--bfrs-font-sans` at the document root, and applies it to `html, body` so
+ * the WHOLE app uses SF Pro — not just BFRS-scoped components.
+ */
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-Ultralight.otf") format("opentype");
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-UltralightItalic.otf") format("opentype");
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-Light.otf") format("opentype");
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-LightItalic.otf") format("opentype");
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-Regular.otf") format("opentype");
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-RegularItalic.otf") format("opentype");
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-Medium.otf") format("opentype");
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-MediumItalic.otf") format("opentype");
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-Semibold.otf") format("opentype");
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-SemiboldItalic.otf") format("opentype");
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-Bold.otf") format("opentype");
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-BoldItalic.otf") format("opentype");
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-Heavy.otf") format("opentype");
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-HeavyItalic.otf") format("opentype");
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-Black.otf") format("opentype");
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "SF Pro Display";
+  src: url("./font/sfprofonts/SF-Pro-Display-BlackItalic.otf") format("opentype");
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+}
+
+:root {
+  --bfrs-font-sans: "SF Pro Display", "SF Pro Text", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+html,
+body {
+  font-family: var(--bfrs-font-sans);
+}