arxatec-ui 0.1.27 → 0.1.28

package/dist/styles.css

@@ -1,6 +1,133 @@
 @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");
+
+/* Sans: archivos en ./fonts/ (en el paquete publicado van junto a dist/styles.css) */
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Ultralight.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-UltralightItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Thin.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-ThinItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Light.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-LightItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Regular.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-RegularItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Medium.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-MediumItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Semibold.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-SemiboldItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Bold.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-BoldItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Heavy.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-HeavyItalic.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-Black.woff2") format("woff2");
+}
+@font-face {
+  font-family: "ArxatecSans";
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url("./fonts/BlinkMacSystemFont-BlackItalic.woff2") format("woff2");
+}
 @import "tailwindcss";
 @source ".";
 @import "tw-animate-css";
@@ -10,7 +137,7 @@
 
 @theme inline {
   --font-serif: "Cormorant Garamond", serif;
-  --font-sans: "Source Sans 3", sans-serif;
+  --font-sans: "ArxatecSans", ui-sans-serif, system-ui, sans-serif;
   --font-mono: "JetBrains Mono", monospace;
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
@@ -361,8 +488,8 @@
   --editor-spacing-8: 2rem;
   --editor-spacing-12: 3rem;
   --editor-spacing-16: 4rem;
-  --editor-font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    Roboto, "Helvetica Neue", Arial, sans-serif;
+  --editor-font-sans: "ArxatecSans", ui-sans-serif, system-ui, -apple-system,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   --editor-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
     monospace;
   --editor-font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
@@ -614,7 +741,7 @@
 .EmojiPickerReact {
   --epr-text-color: var(--muted-foreground) !important;
   --epr-emoji-size: 24px !important;
-  font-family: "Source Sans 3", sans-serif !important;
+  font-family: var(--font-sans) !important;
   font-size: 14px !important;
   font-weight: 400 !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arxatec-ui",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "description": "React component library for building Arxatec product UIs—built on established ecosystem libraries for a consistent, efficient workflow. More at https://arxatec.net.",
   "license": "MIT",
   "type": "module",
@@ -76,7 +76,6 @@
   "dependencies": {
     "@base-ui/react": "^1.3.0",
     "@floating-ui/react": "^0.27.17",
-    "@fontsource-variable/geist": "^5.2.8",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-collapsible": "^1.1.12",