clio.css 0.2.0 → 0.9.1

package/llms.txt

@@ -1,9 +1,9 @@
 # clio.css
 
-> CSS library for classic Mac OS interfaces: Macintosh System 6 and Mac OS 8/9 Platinum. Windows, title bars, menu bars and menus, push buttons, check boxes, radio buttons, text fields, pop-up menus, list boxes, scroll bars, dialogs and alerts, group boxes, progress bars, tabs and desktop icons. Pure CSS (no JavaScript), MIT licence, no Apple bitmaps or fonts. Every value is traced to measured pixels from AI System 6 or marked as inferred.
+> CSS library for classic Mac OS interfaces: Macintosh System 6, System 7, Mac OS 8.5 Drawing Board (the withdrawn beta theme) and Mac OS 8/9 Platinum. Windows, title bars, menu bars and menus, push buttons, check boxes, radio buttons, text fields, pop-up menus, list boxes, scroll bars, dialogs and alerts, group boxes, progress bars, tabs and desktop icons. Pure CSS (no JavaScript), MIT licence, no screenshots or Apple fonts. Every value is traced to measured pixels from AI System 6 or marked as inferred.
 
-Install: `npm install clio.css` or `<link rel="stylesheet" href="https://unpkg.com/clio.css@0.2.0/dist/clio.css">`.
-System 6 is the default; add `data-era="platinum"` to `<html>` or any element for Mac OS 9 Platinum. Single-era builds: `dist/clio.system6.css`, `dist/clio.platinum.css`.
+Install: `npm install clio.css` or `<link rel="stylesheet" href="https://unpkg.com/clio.css@0.9.1/dist/clio.css">`.
+System 6 is the default; add `data-era="system7"`, `data-era="drawingboard"` or `data-era="platinum"` to `<html>` or any element. Single-era builds: `dist/clio.system6.css`, `dist/clio.system7.css`, `dist/clio.drawingboard.css`, `dist/clio.platinum.css`.
 All rules use `:where()` or one class, so author CSS always wins; every value is a `--clio-*` custom property.
 Drop-in for system.css markup (.window, .title-bar button.close, .btn, .btn-default, .standard-dialog, .modal-dialog, .alert-box, .field-row, role="menu-bar").
 
@@ -16,7 +16,7 @@ Drop-in for system.css markup (.window, .title-bar button.close, .btn, .btn-defa
 
 ## Components
 
-- [Window](https://surfine.github.io/clio.css/#window): A document window: frame, title bar with close and zoom boxes (plus the WindowShade box in Platinum), an optional details bar and a scrolling pane.
+- [Window](https://surfine.github.io/clio.css/#window): A document window: frame, title bar with close and zoom boxes (plus the WindowShade box in Platinum), an optional details bar and a scrolling pane. System 7 adds colour to the frame and title bar.
 - [Menu bar and menus](https://surfine.github.io/clio.css/#menu): The menu bar across the top of the screen and its pull-down menus: items, keyboard shortcuts, check marks, separators, disabled items and submenus.
 - [Push button](https://surfine.github.io/clio.css/#button): Push buttons, the default button with its ring, the pressed state and the disabled state. Styles <button>, .btn and input buttons.
 - [Check box](https://surfine.github.io/clio.css/#checkbox): A check box drawn on the native <input type=checkbox>; no extra label markup needed.
@@ -29,6 +29,7 @@ Drop-in for system.css markup (.window, .title-bar button.close, .btn, .btn-defa
 - [Group box](https://surfine.github.io/clio.css/#fieldset): A <fieldset> with a <legend>, for grouping controls.
 - [Progress bar](https://surfine.github.io/clio.css/#progress): The native <progress> element as the era's thermometer.
 - [Tabs](https://surfine.github.io/clio.css/#tabs): A tab strip over a panel. Native in Platinum; an adaptation in System 6, which had no tab control.
+- [Control Strip](https://surfine.github.io/clio.css/#control-strip): The Control Strip of System 7.5 to Mac OS 9: module buttons with menu triangles, scroll arrows and a tab that folds it away. Markup matches AI System 6's.
 - [Desktop and icons](https://surfine.github.io/clio.css/#desktop): The desktop pattern and desktop icons with their name labels. Bring your own icon images; clio.css ships no Apple icons.
 - [Type and tokens](https://surfine.github.io/clio.css/#typography): The fonts, the palette and every --clio-* custom property you can override.
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "clio.css",
-  "version": "0.2.0",
-  "description": "CSS library for classic Mac OS interfaces: Macintosh System 6 and Mac OS 8/9 Platinum windows, menus, buttons, scroll bars and dialogs, with every value traced to measured pixels.",
+  "version": "0.9.1",
+  "description": "CSS library for classic Mac OS interfaces: Macintosh System 6, System 7, Mac OS 8.5 Drawing Board and Mac OS 8/9 Platinum windows, menus, buttons, scroll bars and dialogs, with every value traced to measured pixels.",
   "keywords": [
     "css",
     "css-framework",
@@ -10,9 +10,13 @@
     "classic-macos",
     "macintosh",
     "system-6",
+    "system-7",
     "mac-os-9",
     "mac-os-8",
     "platinum",
+    "drawing-board",
+    "appearance-manager",
+    "control-strip",
     "retro",
     "vintage",
     "1-bit",
@@ -44,7 +48,9 @@
     "./platinum.min": "./dist/clio.platinum.min.css",
     "./components.json": "./dist/components.json",
     "./dist/*": "./dist/*",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./system7": "./dist/clio.system7.css",
+    "./system7.min": "./dist/clio.system7.min.css"
   },
   "files": [
     "dist",
@@ -61,7 +67,14 @@
     "test": "node tooling/build.mjs && node test/check.mjs",
     "fidelity": "node tooling/fidelity.mjs",
     "prepack": "node tooling/build.mjs && node test/check.mjs",
-    "capture:system6": "node tooling/capture-system6.mjs"
+    "capture:system6": "node tooling/capture-system6.mjs",
+    "capture:keycaps": "node tooling/capture-keycaps.mjs",
+    "build:font": "python3 tooling/extract-glyphs.py --font chicago && python3 tooling/extract-glyphs.py --font geneva && python3 tooling/extract-glyphs.py --font geneva9 && python3 tooling/extract-glyphs.py --font charcoal && python3 tooling/build-font.py clio-sans-84 && python3 tooling/build-font.py clio-text-84 && python3 tooling/build-font.py clio-text-84-9 && python3 tooling/build-font.py clio-sans-97 && python3 tooling/build-font.py clio-sans-97-title && python3 tooling/build-font.py clio-sans-97 --exact && python3 tooling/build-font.py clio-sans-97-title --exact && python3 tooling/build-font.py clio-sans-97 --plain && python3 tooling/build-font.py clio-sans-97-title --plain && python3 tooling/trace-outline.py",
+    "capture:system7": "node tooling/capture-system7.mjs",
+    "capture:drawingboard": "node tooling/capture-drawingboard.mjs",
+    "capture:platinum": "node tooling/capture-platinum.mjs",
+    "capture:charcoal-large": "node tooling/capture-charcoal-large.mjs",
+    "capture:charcoal-ui": "node tooling/capture-charcoal-ui.mjs"
   },
   "engines": {
     "node": ">=18"