@rdna/radiants 0.1.4 → 0.1.6

package/components/core/AppWindow/AppWindow.tsx

@@ -216,60 +216,35 @@ function AppWindowTitleBar({
 
   return (
     <div
-      className="flex items-center gap-3 pl-2 pr-1 py-1.5 h-fit cursor-move select-none"
+      className="flex items-center gap-3 pl-1 pr-2 py-1.5 h-fit cursor-move select-none"
       data-drag-handle={presentation === 'window' ? '' : undefined}
       style={presentation === 'window' ? { touchAction: 'none' } : undefined}
     >
-      <span
-        id={`window-title-${id}`}
-        className="absolute left-1/2 -translate-x-1/2 font-joystix text-xs uppercase tracking-tight text-head whitespace-nowrap pointer-events-none bg-page px-2 py-0.5"
-      >
-        {title}
-      </span>
-
-      {/* Portal slot for app-injected title bar content */}
-      <div id={`window-titlebar-slot-${id}`} className="contents" />
-
-      <div className="flex-1">
-        <Separator />
-      </div>
-
-      <div className="flex items-center gap-1 text-head pr-1.5">
-        {showActionButton && actionButton ? (
-          actionButton.href ? (
-            <Button
-              mode="pattern"
-              size="sm"
-              icon={actionButton.iconName ?? undefined}
-              className="shrink-0"
-              href={actionButton.href}
-              target={actionButton.target}
-              rel={actionButton.target === '_blank' ? 'noopener noreferrer' : undefined}
-              onClick={actionButton.onClick}
-            >
-              {actionButton.text}
-            </Button>
-          ) : (
+      <div className="flex items-center gap-1 text-head pl-1.5">
+        {showCloseButton && onClose ? (
+          <Tooltip content="Close">
             <Button
-              mode="pattern"
+              tone="danger"
               size="sm"
-              icon={actionButton.iconName ?? undefined}
-              className="shrink-0"
-              onClick={actionButton.onClick}
-            >
-              {actionButton.text}
-            </Button>
-          )
+              rounded="sm"
+              iconOnly
+              icon="close"
+              onClick={onClose}
+              aria-label={`Close ${title}`}
+            />
+          </Tooltip>
         ) : null}
 
-        {showWidgetButton && onWidget ? (
-          <Tooltip content={widgetActive ? 'Exit widget mode' : 'Widget mode'}>
+        {showFullscreenButton && onFullscreen ? (
+          <Tooltip content={presentation === 'fullscreen' ? 'Exit fullscreen' : 'Enter fullscreen'}>
             <Button
+              tone="accent"
               size="sm"
+              rounded="sm"
               iconOnly
-              icon="picture-in-picture"
-              onClick={onWidget}
-              aria-label={`${widgetActive ? 'Exit' : 'Enter'} widget mode for ${title}`}
+              icon={presentation === 'fullscreen' ? 'collapse' : 'expand'}
+              onClick={onFullscreen}
+              aria-label={`${presentation === 'fullscreen' ? 'Exit' : 'Enter'} fullscreen ${title}`}
             />
           </Tooltip>
         ) : null}
@@ -288,34 +263,59 @@ function AppWindowTitleBar({
           </Tooltip>
         ) : null}
 
-        {showFullscreenButton && onFullscreen ? (
-          <Tooltip content={presentation === 'fullscreen' ? 'Exit fullscreen' : 'Enter fullscreen'}>
+        {showWidgetButton && onWidget ? (
+          <Tooltip content={widgetActive ? 'Exit widget mode' : 'Widget mode'}>
             <Button
-              tone="accent"
               size="sm"
-              rounded="sm"
               iconOnly
-              icon={presentation === 'fullscreen' ? 'collapse' : 'expand'}
-              onClick={onFullscreen}
-              aria-label={`${presentation === 'fullscreen' ? 'Exit' : 'Enter'} fullscreen ${title}`}
+              icon="picture-in-picture"
+              onClick={onWidget}
+              aria-label={`${widgetActive ? 'Exit' : 'Enter'} widget mode for ${title}`}
             />
           </Tooltip>
         ) : null}
 
-        {showCloseButton && onClose ? (
-          <Tooltip content="Close">
+        {showActionButton && actionButton ? (
+          actionButton.href ? (
             <Button
-              tone="danger"
+              mode="pattern"
               size="sm"
-              rounded="sm"
-              iconOnly
-              icon="close"
-              onClick={onClose}
-              aria-label={`Close ${title}`}
-            />
-          </Tooltip>
+              icon={actionButton.iconName ?? undefined}
+              className="shrink-0"
+              href={actionButton.href}
+              target={actionButton.target}
+              rel={actionButton.target === '_blank' ? 'noopener noreferrer' : undefined}
+              onClick={actionButton.onClick}
+            >
+              {actionButton.text}
+            </Button>
+          ) : (
+            <Button
+              mode="pattern"
+              size="sm"
+              icon={actionButton.iconName ?? undefined}
+              className="shrink-0"
+              onClick={actionButton.onClick}
+            >
+              {actionButton.text}
+            </Button>
+          )
         ) : null}
       </div>
+
+      <span
+        id={`window-title-${id}`}
+        className="absolute left-1/2 -translate-x-1/2 font-joystix text-xs uppercase tracking-tight text-head whitespace-nowrap pointer-events-none bg-page px-2 py-0.5"
+      >
+        {title}
+      </span>
+
+      <div className="flex-1">
+        <Separator />
+      </div>
+
+      {/* Portal slot for app-injected title bar content */}
+      <div id={`window-titlebar-slot-${id}`} className="contents" />
     </div>
   );
 }

package/fonts-editorial.css

@@ -14,6 +14,22 @@
   font-display: optional;
 }
 
+@font-face {
+  font-family: 'Waves Blackletter CPC Shadow';
+  src: url('./fonts/WavesBlackletterCPC-Shadow.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: optional;
+}
+
+@font-face {
+  font-family: 'Waves Blackletter CPC Inline';
+  src: url('./fonts/WavesBlackletterCPC-Inline.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: optional;
+}
+
 /* Waves Tiny CPC - Decorative pixel caption
    ----------------------------------------------------------------------------- */
 

package/fonts.css

@@ -30,6 +30,8 @@
   --font-joystix: 'Joystix Monospace', monospace;
   --font-pixel-code: 'PixelCode', monospace;
   --font-blackletter: 'Waves Blackletter CPC', serif;
+  --font-blackletter-shadow: 'Waves Blackletter CPC Shadow', serif;
+  --font-blackletter-inline: 'Waves Blackletter CPC Inline', serif;
   --font-pixeloid: 'Pixeloid Sans', sans-serif;
   --font-waves-tiny: 'Waves Tiny CPC', serif;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rdna/radiants",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Radiants theme package for DNA - retro pixel aesthetic",
   "publishConfig": {
     "access": "public"
@@ -48,8 +48,7 @@
     "components/",
     "icons/",
     "schemas/",
-    "fonts/Joystix.woff2",
-    "fonts/PixelCode*.woff2",
+    "fonts/",
     "assets/",
     "dna.config.json",
     "LICENSE",

package/patterns/pretext-type-scale.ts

@@ -101,7 +101,7 @@ export const spacing = {
   /** Between paragraphs in the same section */
   paragraph: 0.75,
   /** Before a heading (establishes new section) */
-  headingBefore: 1.5,
+  headingBefore: 0.75,
   /** After a heading (ties heading to its content) */
   headingAfter: 0.5,
   /** Around horizontal rules */