@warmio/design 1.5.1 → 1.6.0

package/LICENSES/{inter-OFL-1.1.txt → source-serif-4-OFL-1.1.txt}

@@ -1,4 +1,4 @@
-Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter) Inter-Italic[opsz,wght].ttf: Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter)
+Google Inc.
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:

package/README.md

@@ -14,8 +14,8 @@ import { Button, ButtonLink } from '@warmio/design/button';
 import { Logo, WarmLogoIcon } from '@warmio/design/logo';
 ```
 
-The default product typefaces are Geist and Geist Mono. The `font-editorial`
-utility uses Inter and should be reserved for deliberate editorial accents.
+The product typefaces are Geist Mono for default UI and Source Serif 4 for
+headings (`h1`–`h6`). Do not add a third family.
 
 `--accent-solid` / `--accent-solid-text` are the chromatic accent for links,
 badges, and highlights. They derive from `--brand-accent-solid` in `themes.css`.

package/components.css

@@ -41,12 +41,12 @@
   /* border handled by variant shadows/tokens; no default regression border */
 }
 
-
 [data-warm-button]:focus-visible {
-  box-shadow: 0 0 0 var(--button-focus-ring) color-mix(in oklab, var(--ring) var(--button-mix-50), transparent);
+  box-shadow: 0 0 0 var(--button-focus-ring)
+    color-mix(in oklab, var(--ring) var(--button-mix-50), transparent);
 }
 
-[data-warm-button][data-width="full"] {
+[data-warm-button][data-width='full'] {
   width: var(--button-width-full);
 }
 
@@ -65,78 +65,78 @@
 }
 
 /* Variants (from cva + overrides + edge; tokens for color/shadow/radius) */
-[data-warm-button][data-variant="default"] {
+[data-warm-button][data-variant='default'] {
   background-color: var(--button-primary-bg);
   background-image: var(--button-primary-gradient);
   color: var(--button-primary-foreground);
   box-shadow: var(--button-primary-shadow);
   /* no explicit border to avoid regression; shadow provides chrome */
 }
-[data-warm-button][data-variant="default"]:hover {
+[data-warm-button][data-variant='default']:hover {
   background-color: var(--button-primary-hover);
   background-image: var(--button-primary-gradient-hover);
 }
-[data-warm-button][data-variant="default"]:active {
+[data-warm-button][data-variant='default']:active {
   background-color: var(--button-primary-active);
 }
 
-[data-warm-button][data-variant="outline"] {
+[data-warm-button][data-variant='outline'] {
   background-color: var(--background);
   box-shadow: var(--button-outline-shadow);
   border-style: none;
 }
-[data-warm-button][data-variant="outline"]:hover {
+[data-warm-button][data-variant='outline']:hover {
   background-color: var(--muted);
   color: var(--foreground);
 }
-.dark [data-warm-button][data-variant="outline"] {
+.dark [data-warm-button][data-variant='outline'] {
   background-color: var(--warm-surface-raised-dark, var(--input));
   box-shadow: var(--button-outline-shadow-inset);
 }
-.dark [data-warm-button][data-variant="outline"]:hover {
+.dark [data-warm-button][data-variant='outline']:hover {
   background-color: var(--warm-surface-raised-hover-dark, var(--muted));
 }
-[data-warm-button][data-variant="outline"]:disabled {
+[data-warm-button][data-variant='outline']:disabled {
   opacity: 1;
   background-color: var(--muted);
   color: var(--muted-foreground);
   box-shadow: var(--button-outline-shadow);
 }
-.dark [data-warm-button][data-variant="outline"]:disabled {
+.dark [data-warm-button][data-variant='outline']:disabled {
   background-color: color-mix(in oklab, var(--input) var(--button-mix-20), transparent);
   box-shadow: var(--button-outline-shadow-inset);
 }
 
-[data-warm-button][data-variant="ghost"] {
+[data-warm-button][data-variant='ghost'] {
   /* `background-color` (not the `background` shorthand): the shorthand
      implicitly resets `background-clip` to its initial `border-box`,
      diverging from the base recipe's `padding-box` (origin: `bg-clip-padding`
      with no resting-state Tailwind `bg-*` utility on ghost). */
   background-color: transparent;
 }
-[data-warm-button][data-variant="ghost"]:hover {
+[data-warm-button][data-variant='ghost']:hover {
   background-color: var(--muted);
   color: var(--foreground);
 }
-.dark [data-warm-button][data-variant="ghost"]:hover {
+.dark [data-warm-button][data-variant='ghost']:hover {
   background-color: color-mix(in oklab, var(--muted) var(--button-mix-50), transparent);
 }
 
-[data-warm-button][data-variant="destructive"] {
+[data-warm-button][data-variant='destructive'] {
   background-color: color-mix(in oklab, var(--destructive) var(--button-mix-10), transparent);
   color: var(--destructive);
 }
-[data-warm-button][data-variant="destructive"]:hover {
+[data-warm-button][data-variant='destructive']:hover {
   background-color: color-mix(in oklab, var(--destructive) var(--button-mix-20), transparent);
 }
-.dark [data-warm-button][data-variant="destructive"] {
+.dark [data-warm-button][data-variant='destructive'] {
   background-color: color-mix(in oklab, var(--destructive) var(--button-mix-20), transparent);
 }
-.dark [data-warm-button][data-variant="destructive"]:hover {
+.dark [data-warm-button][data-variant='destructive']:hover {
   background-color: color-mix(in oklab, var(--destructive) var(--button-mix-30), transparent);
 }
 
-[data-warm-button][data-variant="apple"] {
+[data-warm-button][data-variant='apple'] {
   /* `!important` on color/background: legacy's `buttonVariantClasses.apple`
      overlay always applies after any presentation overlay in `cn()` order
      (e.g. promptCategory's own `bg-background`/`text-foreground`,
@@ -152,51 +152,58 @@
   color: var(--apple-button-foreground) !important;
   box-shadow: var(--button-outline-shadow);
 }
-button[data-warm-button][data-variant="apple"] {
+button[data-warm-button][data-variant='apple'] {
   appearance: button;
   background-clip: padding-box;
 }
-[data-warm-button][data-variant="apple"]:hover {
-  background-color: color-mix(in oklab, var(--apple-button-hover) var(--button-mix-90), transparent);
+[data-warm-button][data-variant='apple']:hover {
+  background-color: color-mix(
+    in oklab,
+    var(--apple-button-hover) var(--button-mix-90),
+    transparent
+  );
   color: var(--apple-button-foreground);
 }
-[data-warm-button][data-variant="arrow"] {
+[data-warm-button][data-variant='arrow'] {
   border-width: 0;
   text-decoration: underline;
   text-underline-offset: var(--button-underline-offset);
 }
-[data-warm-button][data-variant="arrow"] svg {
+[data-warm-button][data-variant='arrow'] svg {
   width: var(--button-icon-size);
   height: var(--button-icon-size);
   transition: transform calc(var(--motion-duration-fast) * 2);
 }
-[data-warm-button][data-variant="arrow"]:hover svg {
-  transform: translate(calc(var(--motion-distance-sm) / 2), calc(-1 * var(--motion-distance-sm) / 2));
+[data-warm-button][data-variant='arrow']:hover svg {
+  transform: translate(
+    calc(var(--motion-distance-sm) / 2),
+    calc(-1 * var(--motion-distance-sm) / 2)
+  );
 }
 @media (prefers-reduced-motion: reduce) {
-  [data-warm-button][data-variant="arrow"]:hover svg {
+  [data-warm-button][data-variant='arrow']:hover svg {
     transform: none;
     transition: none;
   }
 }
 
 /* Sizes (public only; presentation overrides suppressed by explicit size via data attr, matches old resolveButton) */
-[data-warm-button][data-size="default"] {
+[data-warm-button][data-size='default'] {
   height: var(--button-height-default);
   padding-left: var(--button-padding-x);
   padding-right: var(--button-padding-x);
   gap: var(--button-gap);
 }
-[data-warm-button][data-size="jumbo"] {
+[data-warm-button][data-size='jumbo'] {
   height: var(--button-height-jumbo);
-  padding-left: var(--button-padding-x);
-  padding-right: var(--button-padding-x);
+  padding-left: var(--button-padding-x-lg);
+  padding-right: var(--button-padding-x-lg);
   font-size: var(--button-font-size-jumbo);
   font-weight: 700;
   line-height: var(--button-line-height-jumbo);
   gap: var(--button-gap);
 }
-[data-warm-button][data-size="icon"] {
+[data-warm-button][data-size='icon'] {
   width: var(--button-height-icon);
   height: var(--button-height-icon);
 }
@@ -204,45 +211,47 @@ button[data-warm-button][data-variant="apple"] {
    buttonInputAlignmentClasses.default = 'bg-clip-border py-2'); this only
    applies when the caller passes size="default" explicitly, never when
    'default' is reached through presentation-driven implicit sizing. */
-[data-warm-button][data-size="default"][data-explicit-size] {
+[data-warm-button][data-size='default'][data-explicit-size] {
   padding-top: var(--button-padding-y-md);
   padding-bottom: var(--button-padding-y-md);
   background-clip: border-box;
 }
 
 /* Presentations: private legacy maps drive resolve to public data-size; geometry only when !data-explicit-size. Exact from old buttonPresentationClasses + primitive sizes (icon-round=36px etc) + edge + variants. */
-[data-warm-button][data-presentation="assistantIcon"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='assistantIcon']:not([data-explicit-size]) {
   width: var(--button-size-xs);
   height: var(--button-size-xs);
   padding: var(--button-padding-y-md);
 }
-[data-warm-button][data-presentation="assistantIcon"]:not([data-explicit-size]):active:not([aria-haspopup]) {
+[data-warm-button][data-presentation='assistantIcon']:not([data-explicit-size]):active:not(
+  [aria-haspopup]
+) {
   transform: scale(0.9);
 }
 @media (prefers-reduced-motion: reduce) {
-  [data-warm-button][data-presentation="assistantIcon"]:not([data-explicit-size]):active:not(
-      [aria-haspopup]
-    ) {
+  [data-warm-button][data-presentation='assistantIcon']:not([data-explicit-size]):active:not(
+    [aria-haspopup]
+  ) {
     transform: none;
   }
 }
-[data-warm-button][data-presentation="assistantRoundIcon"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='assistantRoundIcon']:not([data-explicit-size]) {
   /* old icon-round 36px */
   width: var(--button-height-icon);
   height: var(--button-height-icon);
 }
-[data-warm-button][data-presentation="composerIcon"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='composerIcon']:not([data-explicit-size]) {
   width: var(--button-size-sm);
   height: var(--button-size-sm);
   padding: var(--button-padding-y-md);
 }
-[data-warm-button][data-presentation="editPill"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='editPill']:not([data-explicit-size]) {
   /* old sm 32px */
   height: var(--button-size-md);
   padding-left: var(--button-padding-x);
   padding-right: var(--button-padding-x);
 }
-[data-warm-button][data-presentation="hero"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='hero']:not([data-explicit-size]) {
   height: var(--button-size-lg);
   padding-left: var(--button-padding-x);
   padding-right: var(--button-padding-x);
@@ -253,7 +262,7 @@ button[data-warm-button][data-variant="apple"] {
   line-height: var(--button-line-height-base);
   background-clip: border-box;
 }
-[data-warm-button][data-presentation="promptCategory"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='promptCategory']:not([data-explicit-size]) {
   height: var(--button-height-default);
   gap: var(--button-gap);
   background-color: var(--background);
@@ -268,7 +277,7 @@ button[data-warm-button][data-variant="apple"] {
    important modifier) to every `default`-variant promptCategory button
    regardless of explicit/implicit sizing, overriding the default variant's
    own gradient shadow unconditionally; mirror that with `!important` here. */
-[data-warm-button][data-presentation="promptCategory"][data-variant="default"] {
+[data-warm-button][data-presentation='promptCategory'][data-variant='default'] {
   box-shadow: var(--shadow-xs) !important;
 }
 /* buttonPresentationClasses.promptCategory's own (non-!important) `shadow-xs`
@@ -276,13 +285,15 @@ button[data-warm-button][data-variant="apple"] {
    branch), and only survives the cascade for variants without their own
    later shadow override — arrow forces `shadow-none` and must keep winning;
    default is already covered, unconditionally, by the rule above. */
-[data-warm-button][data-presentation="promptCategory"]:not([data-explicit-size]):not([data-variant="arrow"]) {
+[data-warm-button][data-presentation='promptCategory']:not([data-explicit-size]):not(
+  [data-variant='arrow']
+) {
   box-shadow: var(--shadow-xs) !important;
 }
-[data-warm-button][data-presentation="promptCategory"]:hover {
+[data-warm-button][data-presentation='promptCategory']:hover {
   background-color: var(--muted);
 }
-[data-warm-button][data-presentation="promptOption"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='promptOption']:not([data-explicit-size]) {
   height: auto;
   min-height: var(--button-min-height-option);
   align-items: flex-start;
@@ -291,15 +302,15 @@ button[data-warm-button][data-variant="apple"] {
   padding: var(--button-padding-x);
   font-size: var(--button-font-size);
 }
-[data-warm-button][data-presentation="sidebarIcon"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='sidebarIcon']:not([data-explicit-size]) {
   color: var(--sidebar-foreground);
   background-clip: border-box;
 }
-[data-warm-button][data-presentation="sidebarIcon"]:hover {
+[data-warm-button][data-presentation='sidebarIcon']:hover {
   background-color: var(--sidebar-accent);
   color: var(--sidebar-accent-foreground);
 }
-[data-warm-button][data-presentation="tableHeader"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='tableHeader']:not([data-explicit-size]) {
   height: auto;
   min-height: 0;
   width: var(--button-width-full);
@@ -314,19 +325,19 @@ button[data-warm-button][data-variant="apple"] {
   line-height: var(--button-line-height);
   color: var(--muted-foreground);
 }
-[data-warm-button][data-presentation="tableHeader"]:hover {
+[data-warm-button][data-presentation='tableHeader']:hover {
   background-color: transparent;
   color: var(--foreground);
 }
-[data-warm-button][data-presentation="touch"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='touch']:not([data-explicit-size]) {
   min-height: var(--button-min-height-touch);
 }
-[data-warm-button][data-presentation="threadMore"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='threadMore']:not([data-explicit-size]) {
   width: var(--button-size-xs);
   height: var(--button-size-xs);
   padding: 0;
 }
-[data-warm-button][data-presentation="threadNew"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='threadNew']:not([data-explicit-size]) {
   height: var(--button-size-md);
   justify-content: flex-start;
   gap: var(--button-gap);
@@ -335,10 +346,10 @@ button[data-warm-button][data-variant="apple"] {
   font-size: var(--button-font-size);
   font-weight: 400;
 }
-[data-warm-button][data-presentation="threadNew"]:hover {
+[data-warm-button][data-presentation='threadNew']:hover {
   background-color: var(--muted);
 }
-[data-warm-button][data-presentation="compact"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='compact']:not([data-explicit-size]) {
   height: var(--button-size-md);
   padding-left: var(--button-padding-x-sm);
   padding-right: var(--button-padding-x-sm);
@@ -350,13 +361,13 @@ button[data-warm-button][data-variant="apple"] {
    `[data-size="default"][data-explicit-size]` rule below only fires once a
    caller passes size="default" explicitly, so implicit 'default'/'controlPeer'
    need their own copy of the same two properties). */
-[data-warm-button][data-presentation="default"]:not([data-explicit-size]),
-[data-warm-button][data-presentation="controlPeer"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='default']:not([data-explicit-size]),
+[data-warm-button][data-presentation='controlPeer']:not([data-explicit-size]) {
   padding-top: var(--button-padding-y-md);
   padding-bottom: var(--button-padding-y-md);
   background-clip: border-box;
 }
-[data-warm-button][data-presentation="menuOption"]:not([data-explicit-size]) {
+[data-warm-button][data-presentation='menuOption']:not([data-explicit-size]) {
   /* old option min-height/auto 64px */
   height: auto;
   min-height: var(--button-min-height-option);
@@ -379,7 +390,7 @@ button[data-warm-button][data-variant="apple"] {
    specificity of the `:not([data-explicit-size])` presentation rules and the
    `[data-size][data-explicit-size]` size rule above, so this later rule wins
    the cascade instead of losing on specificity. */
-[data-warm-button][data-variant="arrow"][data-variant="arrow"] {
+[data-warm-button][data-variant='arrow'][data-variant='arrow'] {
   height: auto;
   padding: 0;
   gap: var(--button-gap);
@@ -405,11 +416,11 @@ button[data-warm-button][data-variant="apple"] {
   pointer-events: none;
   flex-shrink: 0;
 }
-[data-warm-button] svg:not([class*="size-"]) {
+[data-warm-button] svg:not([class*='size-']) {
   width: var(--button-icon-size);
   height: var(--button-icon-size);
 }
-[data-warm-button][data-size="jumbo"] svg:not([class*="size-"]) {
+[data-warm-button][data-size='jumbo'] svg:not([class*='size-']) {
   width: var(--button-icon-size-jumbo);
   height: var(--button-icon-size-jumbo);
 }
@@ -424,7 +435,7 @@ button[data-warm-button][data-variant="apple"] {
    private `lg` behavior. `:not([data-explicit-size])` also raises this rule's
    specificity above the plain jumbo rule above, so it wins unconditionally
    whenever it matches. */
-[data-warm-button][data-presentation="hero"]:not([data-explicit-size]) svg:not([class*="size-"]) {
+[data-warm-button][data-presentation='hero']:not([data-explicit-size]) svg:not([class*='size-']) {
   width: var(--button-icon-size);
   height: var(--button-icon-size);
 }
@@ -434,26 +445,30 @@ button[data-warm-button][data-variant="apple"] {
    (`[&_svg:not([class*='size-'])]:size-5`) carries one more selector
    component than arrow's (`[&_svg]:size-4`), so jumbo's larger glyph size
    wins whenever both apply (verified against the real compiled recipe). */
-[data-warm-button][data-variant="arrow"] svg {
+[data-warm-button][data-variant='arrow'] svg {
   width: var(--button-icon-size);
   height: var(--button-icon-size);
 }
 /* icon-xs primitive size (assistantIcon, threadMore) shrinks the icon glyph;
    suppressed when the caller passes an explicit public size. */
-[data-warm-button][data-presentation="assistantIcon"]:not([data-explicit-size]) svg:not([class*="size-"]),
-[data-warm-button][data-presentation="threadMore"]:not([data-explicit-size]) svg:not([class*="size-"]) {
+[data-warm-button][data-presentation='assistantIcon']:not([data-explicit-size])
+  svg:not([class*='size-']),
+[data-warm-button][data-presentation='threadMore']:not([data-explicit-size])
+  svg:not([class*='size-']) {
   width: var(--button-icon-size-xs);
   height: var(--button-icon-size-xs);
 }
 /* Aria states (from cva aria-invalid + aria-expanded + dark) */
 [data-warm-button][aria-invalid] {
-  box-shadow: 0 0 0 var(--button-focus-ring) color-mix(in oklab, var(--destructive) var(--button-mix-20), transparent);
+  box-shadow: 0 0 0 var(--button-focus-ring)
+    color-mix(in oklab, var(--destructive) var(--button-mix-20), transparent);
 }
 .dark [data-warm-button][aria-invalid] {
-  box-shadow: 0 0 0 var(--button-focus-ring) color-mix(in oklab, var(--destructive) var(--button-mix-40), transparent);
+  box-shadow: 0 0 0 var(--button-focus-ring)
+    color-mix(in oklab, var(--destructive) var(--button-mix-40), transparent);
 }
-[data-warm-button][data-variant="ghost"][aria-expanded="true"],
-[data-warm-button][data-variant="outline"][aria-expanded="true"] {
+[data-warm-button][data-variant='ghost'][aria-expanded='true'],
+[data-warm-button][data-variant='outline'][aria-expanded='true'] {
   background-color: var(--muted);
   color: var(--foreground);
 }
@@ -463,8 +478,8 @@ button[data-warm-button][data-variant="apple"] {
   pointer-events: none;
   opacity: 0.5;
 }
-[data-warm-button][data-variant="apple"]:disabled,
-[data-warm-button][data-variant="outline"]:disabled {
+[data-warm-button][data-variant='apple']:disabled,
+[data-warm-button][data-variant='outline']:disabled {
   opacity: 1;
 }
 
@@ -480,16 +495,30 @@ button[data-warm-button][data-variant="apple"] {
   letter-spacing: var(--logo-letter-spacing);
 }
 svg[data-warm-logo] {
-  display: inline-block;
-  vertical-align: middle;
+  display: block;
   fill: currentColor;
   flex-shrink: 0;
 }
-[data-warm-logo][data-size="badge"] svg[data-warm-logo] { width: var(--logo-size-badge); height: var(--logo-size-badge); }
-[data-warm-logo][data-size="default"] svg[data-warm-logo] { width: var(--logo-size-default); height: var(--logo-size-default); }
-[data-warm-logo][data-size="feature"] svg[data-warm-logo] { width: var(--logo-size-feature); height: var(--logo-size-feature); }
-[data-warm-logo][data-size="hero"] svg[data-warm-logo] { width: var(--logo-size-hero); height: var(--logo-size-hero); }
-
-[data-warm-logo][data-tone="foreground"] { color: var(--foreground); }
-[data-warm-logo][data-tone="sidebar"] { color: var(--sidebar-foreground); }
+[data-warm-logo][data-size='badge'] svg[data-warm-logo] {
+  width: var(--logo-size-badge);
+  height: var(--logo-size-badge);
+}
+[data-warm-logo][data-size='default'] svg[data-warm-logo] {
+  width: var(--logo-size-default);
+  height: var(--logo-size-default);
+}
+[data-warm-logo][data-size='feature'] svg[data-warm-logo] {
+  width: var(--logo-size-feature);
+  height: var(--logo-size-feature);
+}
+[data-warm-logo][data-size='hero'] svg[data-warm-logo] {
+  width: var(--logo-size-hero);
+  height: var(--logo-size-hero);
+}
 
+[data-warm-logo][data-tone='foreground'] {
+  color: var(--foreground);
+}
+[data-warm-logo][data-tone='sidebar'] {
+  color: var(--sidebar-foreground);
+}

package/dist/logo.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-const WShape = (_jsxs("g", { fill: "currentColor", children: [_jsx("path", { d: "M 33.500 40.660 C 20.206 42.744, 0 48.560, -0 50.302 C -0 51.759, 123.955 348.889, 127.738 356.500 C 142.182 385.561, 169.450 410.275, 198.946 421.040 C 218.922 428.330, 243.683 430.825, 264.526 427.648 C 277.151 425.724, 294.628 420.011, 294.194 417.952 C 293.790 416.040, 172.732 124.599, 168.522 115.405 C 161.779 100.679, 149.168 84.171, 135.093 71.646 C 119.358 57.644, 98.880 47.362, 77 42.478 C 69.645 40.836, 40.220 39.606, 33.500 40.660" }), _jsx("path", { d: "M 229.651 41.597 C 217.916 43.718, 202.443 49.144, 202.744 51.035 C 203.418 55.268, 329.689 356.584, 333.687 363.500 C 340.525 375.327, 345.293 381.483, 355.408 391.538 C 374.603 410.619, 398.878 423.014, 425.907 427.533 C 439.649 429.831, 463.594 429.132, 476 426.072 C 489.892 422.645, 497.188 419.815, 496.703 418.043 C 495.416 413.331, 371.058 116.094, 367.406 109 C 349.467 74.149, 313.008 47.875, 273.752 41.509 C 262.281 39.648, 240.195 39.693, 229.651 41.597" }), _jsx("path", { d: "M 463 40.593 C 451.670 42.545, 447.288 43.569, 439 46.203 C 433.775 47.864, 429.338 49.372, 429.140 49.555 C 428.942 49.737, 434.670 64.021, 441.868 81.297 C 455.574 114.190, 462.215 131.660, 468.447 151.208 C 475.360 172.892, 486.124 186.213, 503.834 194.997 C 530.956 208.450, 564.982 201.679, 583.654 179.112 C 604.399 154.041, 605.407 121.944, 586.291 95.155 C 567.827 69.280, 539.107 50.114, 508 42.907 C 500.680 41.212, 494.713 40.644, 482 40.434 C 472.925 40.284, 464.375 40.356, 463 40.593" })] }));
+const WShape = (_jsxs("g", { fill: "currentColor", transform: "translate(0 108)", children: [_jsx("path", { d: "M 33.500 40.660 C 20.206 42.744, 0 48.560, -0 50.302 C -0 51.759, 123.955 348.889, 127.738 356.500 C 142.182 385.561, 169.450 410.275, 198.946 421.040 C 218.922 428.330, 243.683 430.825, 264.526 427.648 C 277.151 425.724, 294.628 420.011, 294.194 417.952 C 293.790 416.040, 172.732 124.599, 168.522 115.405 C 161.779 100.679, 149.168 84.171, 135.093 71.646 C 119.358 57.644, 98.880 47.362, 77 42.478 C 69.645 40.836, 40.220 39.606, 33.500 40.660" }), _jsx("path", { d: "M 229.651 41.597 C 217.916 43.718, 202.443 49.144, 202.744 51.035 C 203.418 55.268, 329.689 356.584, 333.687 363.500 C 340.525 375.327, 345.293 381.483, 355.408 391.538 C 374.603 410.619, 398.878 423.014, 425.907 427.533 C 439.649 429.831, 463.594 429.132, 476 426.072 C 489.892 422.645, 497.188 419.815, 496.703 418.043 C 495.416 413.331, 371.058 116.094, 367.406 109 C 349.467 74.149, 313.008 47.875, 273.752 41.509 C 262.281 39.648, 240.195 39.693, 229.651 41.597" }), _jsx("path", { d: "M 463 40.593 C 451.670 42.545, 447.288 43.569, 439 46.203 C 433.775 47.864, 429.338 49.372, 429.140 49.555 C 428.942 49.737, 434.670 64.021, 441.868 81.297 C 455.574 114.190, 462.215 131.660, 468.447 151.208 C 475.360 172.892, 486.124 186.213, 503.834 194.997 C 530.956 208.450, 564.982 201.679, 583.654 179.112 C 604.399 154.041, 605.407 121.944, 586.291 95.155 C 567.827 69.280, 539.107 50.114, 508 42.907 C 500.680 41.212, 494.713 40.644, 482 40.434 C 472.925 40.284, 464.375 40.356, 463 40.593" })] }));
 export function WarmLogoIcon({ size = 'default', tone = 'default', decorative = false, className: _className, style: _style, asChild: _asChild, render: _render, ...props }) {
     const label = decorative ? undefined : 'Warm logo';
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 469", "data-warm-logo": true, "data-size": size, "data-tone": tone, width: size === 'hero' ? 56 : size === 'feature' ? 32 : size === 'default' ? 28 : 12, height: size === 'hero' ? 56 : size === 'feature' ? 32 : size === 'default' ? 28 : 12, "aria-hidden": decorative ? true : undefined, "aria-label": label, ...props, children: WShape }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 600 600", "data-warm-logo": true, "data-size": size, "data-tone": tone, width: size === 'hero' ? 56 : size === 'feature' ? 32 : size === 'default' ? 28 : 12, height: size === 'hero' ? 56 : size === 'feature' ? 32 : size === 'default' ? 28 : 12, "aria-hidden": decorative ? true : undefined, "aria-label": label, ...props, children: WShape }));
 }
 export const Logo = React.forwardRef(function Logo({ size = 'default', tone = 'default', showText = true, className: _className, style: _style, textClass: _textClass, asChild: _asChild, render: _render, ...props }, ref) {
     return (_jsxs("div", { ref: ref, "data-warm-logo": true, "data-size": size, "data-tone": tone, ...props, children: [_jsx(WarmLogoIcon, { size: size, tone: tone, decorative: showText }), showText ? _jsx("span", { children: "Warm" }) : null] }));

package/fonts.css

@@ -1,121 +1,10 @@
 /*
  * Self-hosted variable fonts vendored from these exact OFL-1.1 releases:
- * @fontsource-variable/geist@5.2.9,
- * @fontsource-variable/geist-mono@5.2.8, and
- * @fontsource-variable/inter@5.2.8.
+ * @fontsource-variable/geist-mono@5.2.8 and
+ * @fontsource-variable/source-serif-4@5.3.0.
  */
 
-/* geist-cyrillic-ext-wght-normal */
-@font-face {
-  font-family: 'Geist';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-cyrillic-ext-wght-normal.woff2') format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* geist-cyrillic-wght-normal */
-@font-face {
-  font-family: 'Geist';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-cyrillic-wght-normal.woff2') format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* geist-vietnamese-wght-normal */
-@font-face {
-  font-family: 'Geist';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-vietnamese-wght-normal.woff2') format('woff2');
-  unicode-range:
-    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
-    U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-
-/* geist-latin-ext-wght-normal */
-@font-face {
-  font-family: 'Geist';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-latin-ext-wght-normal.woff2') format('woff2');
-  unicode-range:
-    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
-    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
-    U+A720-A7FF;
-}
-
-/* geist-latin-wght-normal */
-@font-face {
-  font-family: 'Geist';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-latin-wght-normal.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
-    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-} /* geist-cyrillic-ext-wght-italic */
-@font-face {
-  font-family: 'Geist';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-cyrillic-ext-wght-italic.woff2') format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* geist-cyrillic-wght-italic */
-@font-face {
-  font-family: 'Geist';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-cyrillic-wght-italic.woff2') format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* geist-vietnamese-wght-italic */
-@font-face {
-  font-family: 'Geist';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-vietnamese-wght-italic.woff2') format('woff2');
-  unicode-range:
-    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
-    U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-}
-
-/* geist-latin-ext-wght-italic */
-@font-face {
-  font-family: 'Geist';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-latin-ext-wght-italic.woff2') format('woff2');
-  unicode-range:
-    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
-    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
-    U+A720-A7FF;
-}
-
-/* geist-latin-wght-italic */
-@font-face {
-  font-family: 'Geist';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/geist-latin-wght-italic.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
-    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-} /* geist-mono-cyrillic-ext-wght-normal */
+/* geist-mono-cyrillic-ext-wght-normal */
 @font-face {
   font-family: 'Geist Mono';
   font-style: normal;
@@ -180,7 +69,9 @@
   unicode-range:
     U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
     U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-} /* geist-mono-cyrillic-ext-wght-italic */
+}
+
+/* geist-mono-cyrillic-ext-wght-italic */
 @font-face {
   font-family: 'Geist Mono';
   font-style: italic;
@@ -245,170 +136,149 @@
   unicode-range:
     U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
     U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-} /* inter-cyrillic-ext-wght-normal */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-cyrillic-ext-wght-normal.woff2') format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
-/* inter-cyrillic-wght-normal */
+/* source-serif-4-cyrillic-ext-wght-normal */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: normal;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-cyrillic-wght-normal.woff2') format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-cyrillic-ext-wght-normal.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
-/* inter-greek-ext-wght-normal */
+/* source-serif-4-cyrillic-wght-normal */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: normal;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-greek-ext-wght-normal.woff2') format('woff2');
-  unicode-range: U+1F00-1FFF;
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-cyrillic-wght-normal.woff2') format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
-/* inter-greek-wght-normal */
+/* source-serif-4-greek-wght-normal */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: normal;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-greek-wght-normal.woff2') format('woff2');
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-greek-wght-normal.woff2') format('woff2');
   unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
 }
 
-/* inter-vietnamese-wght-normal */
+/* source-serif-4-vietnamese-wght-normal */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: normal;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-vietnamese-wght-normal.woff2') format('woff2');
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-vietnamese-wght-normal.woff2') format('woff2');
   unicode-range:
     U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
     U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
 
-/* inter-latin-ext-wght-normal */
+/* source-serif-4-latin-ext-wght-normal */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: normal;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-latin-ext-wght-normal.woff2') format('woff2');
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-latin-ext-wght-normal.woff2') format('woff2');
   unicode-range:
     U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
     U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
     U+A720-A7FF;
 }
 
-/* inter-latin-wght-normal */
+/* source-serif-4-latin-wght-normal */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: normal;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-latin-wght-normal.woff2') format('woff2');
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-latin-wght-normal.woff2') format('woff2');
   unicode-range:
     U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
     U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-} /* inter-cyrillic-ext-wght-italic */
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-cyrillic-ext-wght-italic.woff2') format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
-/* inter-cyrillic-wght-italic */
+/* source-serif-4-cyrillic-ext-wght-italic */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: italic;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-cyrillic-wght-italic.woff2') format('woff2');
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-cyrillic-ext-wght-italic.woff2') format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 
-/* inter-greek-ext-wght-italic */
+/* source-serif-4-cyrillic-wght-italic */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: italic;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-greek-ext-wght-italic.woff2') format('woff2');
-  unicode-range: U+1F00-1FFF;
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-cyrillic-wght-italic.woff2') format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 
-/* inter-greek-wght-italic */
+/* source-serif-4-greek-wght-italic */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: italic;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-greek-wght-italic.woff2') format('woff2');
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-greek-wght-italic.woff2') format('woff2');
   unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
 }
 
-/* inter-vietnamese-wght-italic */
+/* source-serif-4-vietnamese-wght-italic */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: italic;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-vietnamese-wght-italic.woff2') format('woff2');
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-vietnamese-wght-italic.woff2') format('woff2');
   unicode-range:
     U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
     U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
 }
 
-/* inter-latin-ext-wght-italic */
+/* source-serif-4-latin-ext-wght-italic */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: italic;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-latin-ext-wght-italic.woff2') format('woff2');
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-latin-ext-wght-italic.woff2') format('woff2');
   unicode-range:
     U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
     U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
     U+A720-A7FF;
 }
 
-/* inter-latin-wght-italic */
+/* source-serif-4-latin-wght-italic */
 @font-face {
-  font-family: 'Inter';
+  font-family: 'Source Serif 4';
   font-style: italic;
   font-display: swap;
-  font-weight: 100 900;
-  src: url('./fonts/inter-latin-wght-italic.woff2') format('woff2');
+  font-weight: 200 900;
+  src: url('./fonts/source-serif-4-latin-wght-italic.woff2') format('woff2');
   unicode-range:
     U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
     U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
 :root {
-  --font-geist: 'Geist', ui-sans-serif, system-ui, sans-serif;
-  --font-heading: var(--font-geist);
-  --font-sans: var(--font-geist);
-  --font-serif: var(--font-geist);
-  --font-display: var(--font-geist);
   --font-mono: 'Geist Mono', ui-monospace, monospace;
-  --font-editorial-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
-  --font-marketing-sans: var(--font-editorial-sans);
-}
-
-/* The only shared Inter entry point. Product use is checked against an allowlist. */
-@utility font-editorial {
-  font-family: var(--font-editorial-sans);
+  --font-sans: var(--font-mono);
+  --font-geist: var(--font-mono);
+  --font-display: var(--font-mono);
+  --font-editorial-sans: var(--font-mono);
+  --font-marketing-sans: var(--font-mono);
+  --font-serif: 'Source Serif 4', ui-serif, Georgia, 'Times New Roman', serif;
+  --font-heading: var(--font-serif);
 }

package/interfaces.css

@@ -52,7 +52,10 @@ html.theme-switching *::after {
   }
 
   .interface-concentric {
-    border-radius: max(0px, calc(var(--interface-outer-radius, var(--radius-xl)) - var(--interface-inset, 0px)));
+    border-radius: max(
+      0px,
+      calc(var(--interface-outer-radius, var(--radius-xl)) - var(--interface-inset, 0px))
+    );
   }
 
   .interface-icon-crossfade {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@warmio/design",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "description": "Warm's public design contract: CSS tokens and Button/Logo primitives.",
   "license": "MIT",
   "type": "module",

package/theme.css

@@ -194,8 +194,8 @@
      NON-COLOR TOKENS (shared across all themes)
      ══════════════════════════════════════════════════════════════════════════ */
 
-  /* Typography — CSS variables (--font-sans, --font-serif, --font-mono, --font-display)
-     are defined in the shared font styles and consumed across the app runtime. */
+  /* Typography — two families in fonts.css: Geist Mono default, Source Serif 4 headings.
+     Role aliases (--font-sans, --font-display, --font-editorial-sans) resolve to those two. */
   --tracking-normal: 0em;
 
   /* Spacing Scale */
@@ -228,7 +228,7 @@
   --button-padding-y-sm: 0.25rem;
   --button-padding-x-md: 0.75rem;
   --button-padding-y-md: 0.5rem;
-  --button-padding-x-lg: 1rem;
+  --button-padding-x-lg: 1.75rem;
   --button-padding-y-lg: 0.75rem;
   --button-font-size: 0.875rem;
   --button-gap: 0.5rem;
@@ -271,7 +271,7 @@
   --button-height-icon: 2.25rem;
   --button-min-height-touch: 2.75rem;
   --button-min-height-option: 4rem;
-  --button-padding-x: 1rem;
+  --button-padding-x: 1.25rem;
   --button-font-size-base: 1rem;
   --button-font-size-jumbo: 1.125rem;
   --button-line-height-base: 1.5rem;

package/LICENSES/geist-OFL-1.1.txt

@@ -1,93 +0,0 @@
-Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font) Geist-Italic[wght].ttf: Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded,
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.