@xplortech/apollo-core 3.2.1 → 3.3.0

package/build/typography.css

@@ -1 +1 @@
-/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-text-title-5,[class^=xpl-] .xpl-text-title-5{font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);line-height:1.4286}.xpl-text-display-1,[class^=xpl-] .xpl-text-display-1{font-size:var(--xpl-font-size-display-1);font-weight:var(--xpl-font-weight-semibold);line-height:1.2}.xpl-text-display-2,[class^=xpl-] .xpl-text-display-2{font-size:var(--xpl-font-size-display-2);font-weight:var(--xpl-font-weight-semibold);line-height:1.2}.xpl-text-display-3,[class^=xpl-] .xpl-text-display-3{font-size:var(--xpl-font-size-display-3);font-weight:var(--xpl-font-weight-semibold);line-height:1.2}.xpl-text-title-1,[class^=xpl-] .xpl-text-title-1{font-size:var(--xpl-font-size-title-1);font-weight:var(--xpl-font-weight-bold);line-height:1.2}.xpl-text-title-2,[class^=xpl-] .xpl-text-title-2{font-size:var(--xpl-font-size-title-2);font-weight:var(--xpl-font-weight-bold);line-height:1.3333}.xpl-text-title-3,[class^=xpl-] .xpl-text-title-3{font-size:var(--xpl-font-size-title-3);font-weight:var(--xpl-font-weight-bold);line-height:1.4}.xpl-text-title-4,[class^=xpl-] .xpl-text-title-4{font-size:var(--xpl-font-size-title-4);font-weight:var(--xpl-font-weight-medium);line-height:1.5}.xpl-text-body{font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);line-height:1.4286}.xpl-text-callout-bold{font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);line-height:1.3333}.xpl-text-callout{font-size:var(--xpl-font-size-callout);font-weight:400;line-height:1.3333}.xpl-text-caption{font-size:var(--xpl-font-size-caption);font-weight:400;line-height:1.4}[class^=xpl-text-] a{color:var(--xpl-text-link-default)}
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-text-title-5,[class^=xpl-] .xpl-text-title-5{font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);line-height:var(--xpl-line-height-title-5)}.xpl-text-display-1,[class^=xpl-] .xpl-text-display-1{font-size:var(--xpl-font-size-display-1);font-weight:var(--xpl-font-weight-semibold);line-height:var(--xpl-line-height-display-1)}.xpl-text-display-2,[class^=xpl-] .xpl-text-display-2{font-size:var(--xpl-font-size-display-2);font-weight:var(--xpl-font-weight-semibold);line-height:var(--xpl-line-height-display-2)}.xpl-text-display-3,[class^=xpl-] .xpl-text-display-3{font-size:var(--xpl-font-size-display-3);font-weight:var(--xpl-font-weight-semibold);line-height:var(--xpl-line-height-display-3)}.xpl-text-title-1,[class^=xpl-] .xpl-text-title-1{font-size:var(--xpl-font-size-title-1);font-weight:var(--xpl-font-weight-bold);line-height:var(--xpl-line-height-title-1)}.xpl-text-title-2,[class^=xpl-] .xpl-text-title-2{font-size:var(--xpl-font-size-title-2);font-weight:var(--xpl-font-weight-bold);line-height:var(--xpl-line-height-title-2)}.xpl-text-title-3,[class^=xpl-] .xpl-text-title-3{font-size:var(--xpl-font-size-title-3);font-weight:var(--xpl-font-weight-bold);line-height:var(--xpl-line-height-title-3)}.xpl-text-title-4,[class^=xpl-] .xpl-text-title-4{font-size:var(--xpl-font-size-title-4);font-weight:var(--xpl-font-weight-medium);line-height:var(--xpl-line-height-title-4)}.xpl-text-body{font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);line-height:var(--xpl-line-height-body)}.xpl-text-callout-bold{font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);line-height:var(--xpl-line-height-callout)}.xpl-text-callout{font-size:var(--xpl-font-size-callout);font-weight:400;line-height:var(--xpl-line-height-callout)}.xpl-text-caption{font-size:var(--xpl-font-size-caption);font-weight:400;line-height:var(--xpl-line-height-caption)}[class^=xpl-text-] a{color:var(--xpl-text-link-default)}

package/build/variables/apollo.css

@@ -128,6 +128,17 @@
   --xpl-font-weight-medium: 500; /** Semibold type, used in Display typography styles */
   --xpl-font-weight-semibold: 600; /** Medium type, used in Caption typography styles */
   --xpl-font-weight-bold: 700; /** Default type weight, used in body and caption typography styles */
+  --xpl-line-height-display-1: 1.1429; /** 64px at 56px font (Figma line-height/display/1) */
+  --xpl-line-height-display-2: 1.1667; /** 56px at 48px font (Figma line-height/display/2) */
+  --xpl-line-height-display-3: 1.2; /** 48px at 40px font (Figma line-height/display/3) */
+  --xpl-line-height-title-1: 1.125; /** 36px at 32px font (Figma line-height/title/1) */
+  --xpl-line-height-title-2: 1.3333; /** 32px at 24px font (Figma line-height/title/2) */
+  --xpl-line-height-title-3: 1.4; /** 28px at 20px font (Figma line-height/title/3) */
+  --xpl-line-height-title-4: 1.5; /** 24px at 16px font (Figma line-height/title/4) */
+  --xpl-line-height-title-5: 1.4286; /** 20px at 14px font (Figma line-height/title/5) */
+  --xpl-line-height-body: 1.4286; /** 20px at 14px font (Figma line-height/body) */
+  --xpl-line-height-callout: 1.3333; /** 16px at 12px font (Figma line-height/callout) */
+  --xpl-line-height-caption: 1.4; /** 14px at 10px font (Figma line-height/caption) */
   --xpl-size-0: 0; /** 0px/0rem */
   --xpl-size-100: 1rem; /** 16px/1rem (base value) */
   --xpl-size-125: 1.25rem; /** 20px/1.25rem */
@@ -145,7 +156,6 @@
   --xpl-size-700: 7rem; /** 112px/7rem */
   --xpl-size-800: 8rem; /** 128px/8rem */
   --xpl-size-900: 9rem; /** 144px/9rem */
-  --xpl-size-1125: 1.125rem; /** 18px/1.125 (base value) */
   --xpl-size-0125: 0.125rem; /** 2px/0.125rem */
   --xpl-size-025: 0.25rem; /** 4px/0.25rem */
   --xpl-size-0375: 0.375rem; /** 6px/0.375rem */
@@ -184,24 +194,6 @@
   --xpl-size-spacing-144: 9rem; /** 144px/9rem */
   --xpl-border-small: 0.0625rem;
   --xpl-border-radius-full: 624.9375rem;
-  --xpl-space-0: 0; /** 0px/0rem */
-  --xpl-space-2: 0.125rem; /** 2px/0.125rem */
-  --xpl-space-4: 0.25rem; /** 4px/0.25rem */
-  --xpl-space-6: 0.375rem; /** 6px/0.375rem */
-  --xpl-space-8: 0.5rem; /** 8px/0.5rem */
-  --xpl-space-10: 0.625rem; /** 10px/0.625rem */
-  --xpl-space-12: 0.75rem; /** 12px/0.75rem */
-  --xpl-space-16: 1rem; /** 16px/1rem */
-  --xpl-space-24: 1.5rem; /** 24px/1.5rem */
-  --xpl-space-32: 2rem; /** 32px/2rem */
-  --xpl-space-40: 2.5rem; /** 40px/2.5rem */
-  --xpl-space-48: 3rem; /** 48px/3rem */
-  --xpl-space-56: 3.5rem; /** 56px/3.5rem */
-  --xpl-space-64: 4rem; /** 64px/4rem */
-  --xpl-space-72: 4.5rem; /** 72px/4.5rem */
-  --xpl-space-80: 5rem; /** 80px/5rem */
-  --xpl-space-112: 7rem; /** 112px/7rem */
-  --xpl-space-144: 9rem; /** 144px/8.75rem */
   --xpl-z-index-100: 100;
   --xpl-z-index-200: 200;
   --xpl-z-index-300: 300;
@@ -323,6 +315,25 @@
   --xpl-border-accent-warning: var(--xpl-color-yellow-500); /** Highlight accented borders */
   --xpl-border-accent-subtle: var(--xpl-color-neutral-500); /** Subtle accented borders */
   --xpl-border-accent-alternative: var(--xpl-color-blue-100); /** Alternative accented borders */
+  --xpl-space-0: var(--xpl-size-0); /** 0px/0rem */
+  --xpl-space-2: var(--xpl-size-0125); /** 2px/0.125rem */
+  --xpl-space-4: var(--xpl-size-025); /** 4px/0.25rem */
+  --xpl-space-6: var(--xpl-size-0375); /** 6px/0.375rem */
+  --xpl-space-8: var(--xpl-size-050); /** 8px/0.5rem */
+  --xpl-space-10: var(--xpl-size-0625); /** 10px/0.625rem */
+  --xpl-space-12: var(--xpl-size-075); /** 12px/0.75rem */
+  --xpl-space-16: var(--xpl-size-100); /** 16px/1rem */
+  --xpl-space-20: var(--xpl-size-125); /** 20px/1.25rem */
+  --xpl-space-24: var(--xpl-size-150); /** 24px/1.5rem */
+  --xpl-space-32: var(--xpl-size-200); /** 32px/2rem */
+  --xpl-space-40: var(--xpl-size-250); /** 40px/2.5rem */
+  --xpl-space-48: var(--xpl-size-300); /** 48px/3rem */
+  --xpl-space-56: var(--xpl-size-350); /** 56px/3.5rem */
+  --xpl-space-64: var(--xpl-size-400); /** 64px/4rem */
+  --xpl-space-72: var(--xpl-size-450); /** 72px/4.5rem */
+  --xpl-space-80: var(--xpl-size-500); /** 80px/5rem */
+  --xpl-space-112: var(--xpl-size-700); /** 112px/7rem */
+  --xpl-space-144: var(--xpl-size-900); /** 144px/9rem */
   --xpl-background-surface-default: var(--xpl-color-neutral-0); /** The default surface for pages and containers */
   --xpl-background-surface-subtlest: var(--xpl-color-neutral-50); /** Use for the subtlest surfaces */
   --xpl-background-surface-subtle: var(--xpl-color-neutral-100); /** Use for subtle surfaces */

package/build/variables/field-edge.css

@@ -131,6 +131,17 @@
   --xpl-font-weight-medium: 500; /** Semibold type, used in Display typography styles */
   --xpl-font-weight-semibold: 600; /** Medium type, used in Caption typography styles */
   --xpl-font-weight-bold: 700; /** Default type weight, used in body and caption typography styles */
+  --xpl-line-height-display-1: 1.1429; /** 64px at 56px font (Figma line-height/display/1) */
+  --xpl-line-height-display-2: 1.1667; /** 56px at 48px font (Figma line-height/display/2) */
+  --xpl-line-height-display-3: 1.2; /** 48px at 40px font (Figma line-height/display/3) */
+  --xpl-line-height-title-1: 1.125; /** 36px at 32px font (Figma line-height/title/1) */
+  --xpl-line-height-title-2: 1.2857; /** 36px at 28px font (Figma line-height/title/2, FieldEdge mode) */
+  --xpl-line-height-title-3: 1.3333; /** 32px at 24px font (Figma line-height/title/3, FieldEdge mode) */
+  --xpl-line-height-title-4: 1.3333; /** 24px at 18px font (Figma line-height/title/4, FieldEdge mode) */
+  --xpl-line-height-title-5: 1.5; /** 24px at 16px font (Figma line-height/title/5, FieldEdge mode) */
+  --xpl-line-height-body: 1.5; /** 24px at 16px font (Figma line-height/body, FieldEdge mode) */
+  --xpl-line-height-callout: 1.4286; /** 20px at 14px font (Figma line-height/callout, FieldEdge mode) */
+  --xpl-line-height-caption: 1.4; /** 14px at 10px font (Figma line-height/caption) */
   --xpl-size-0: 0; /** 0px/0rem */
   --xpl-size-100: 1rem; /** 16px/1rem (base value) */
   --xpl-size-125: 1.25rem; /** 20px/1.25rem */
@@ -148,7 +159,7 @@
   --xpl-size-700: 7rem; /** 112px/7rem */
   --xpl-size-800: 8rem; /** 128px/8rem */
   --xpl-size-900: 9rem; /** 144px/9rem */
-  --xpl-size-1125: 1.125rem; /** 18px/1.125 (base value) */
+  --xpl-size-1125: 1.125rem; /** 18px/1.125rem — FieldEdge-only; not part of the Apollo size scale */
   --xpl-size-0125: 0.125rem; /** 2px/0.125rem */
   --xpl-size-025: 0.25rem; /** 4px/0.25rem */
   --xpl-size-0375: 0.375rem; /** 6px/0.375rem */
@@ -187,24 +198,6 @@
   --xpl-size-spacing-144: 9rem; /** 144px/9rem */
   --xpl-border-small: 0.0625rem;
   --xpl-border-radius-full: 624.9375rem;
-  --xpl-space-0: 0; /** 0px/0rem */
-  --xpl-space-2: 0.125rem; /** 2px/0.125rem */
-  --xpl-space-4: 0.25rem; /** 4px/0.25rem */
-  --xpl-space-6: 0.375rem; /** 6px/0.375rem */
-  --xpl-space-8: 0.5rem; /** 8px/0.5rem */
-  --xpl-space-10: 0.625rem; /** 10px/0.625rem */
-  --xpl-space-12: 0.75rem; /** 12px/0.75rem */
-  --xpl-space-16: 1rem; /** 16px/1rem */
-  --xpl-space-24: 1.5rem; /** 24px/1.5rem */
-  --xpl-space-32: 2rem; /** 32px/2rem */
-  --xpl-space-40: 2.5rem; /** 40px/2.5rem */
-  --xpl-space-48: 3rem; /** 48px/3rem */
-  --xpl-space-56: 3.5rem; /** 56px/3.5rem */
-  --xpl-space-64: 4rem; /** 64px/4rem */
-  --xpl-space-72: 4.5rem; /** 72px/4.5rem */
-  --xpl-space-80: 5rem; /** 80px/5rem */
-  --xpl-space-112: 7rem; /** 112px/7rem */
-  --xpl-space-144: 9rem; /** 144px/8.75rem */
   --xpl-z-index-100: 100;
   --xpl-z-index-200: 200;
   --xpl-z-index-300: 300;
@@ -330,6 +323,26 @@
   --xpl-border-accent-warning: var(--xpl-color-yellow-500); /** Highlight accented borders */
   --xpl-border-accent-subtle: var(--xpl-color-neutral-200); /** Subtle accented borders */
   --xpl-border-accent-alternative: var(--xpl-color-green-200); /** Alternative accented borders */
+  --xpl-space-0: var(--xpl-size-0); /** 0px/0rem */
+  --xpl-space-2: var(--xpl-size-0125); /** 2px/0.125rem */
+  --xpl-space-4: var(--xpl-size-025); /** 4px/0.25rem */
+  --xpl-space-6: var(--xpl-size-0375); /** 6px/0.375rem */
+  --xpl-space-8: var(--xpl-size-050); /** 8px/0.5rem */
+  --xpl-space-10: var(--xpl-size-0625); /** 10px/0.625rem */
+  --xpl-space-12: var(--xpl-size-075); /** 12px/0.75rem */
+  --xpl-space-16: var(--xpl-size-100); /** 16px/1rem */
+  --xpl-space-18: var(--xpl-size-1125); /** 18px/1.125rem — FieldEdge-only */
+  --xpl-space-20: var(--xpl-size-125); /** 20px/1.25rem */
+  --xpl-space-24: var(--xpl-size-150); /** 24px/1.5rem */
+  --xpl-space-32: var(--xpl-size-200); /** 32px/2rem */
+  --xpl-space-40: var(--xpl-size-250); /** 40px/2.5rem */
+  --xpl-space-48: var(--xpl-size-300); /** 48px/3rem */
+  --xpl-space-56: var(--xpl-size-350); /** 56px/3.5rem */
+  --xpl-space-64: var(--xpl-size-400); /** 64px/4rem */
+  --xpl-space-72: var(--xpl-size-450); /** 72px/4.5rem */
+  --xpl-space-80: var(--xpl-size-500); /** 80px/5rem */
+  --xpl-space-112: var(--xpl-size-700); /** 112px/7rem */
+  --xpl-space-144: var(--xpl-size-900); /** 144px/9rem */
   --xpl-background-surface-default: var(--xpl-color-neutral-0); /** The default surface for pages and containers */
   --xpl-background-surface-subtlest: var(--xpl-color-neutral-50); /** Use for the subtlest surfaces */
   --xpl-background-surface-subtle: var(--xpl-color-neutral-100); /** Use for subtle surfaces */