@maxsteinwender/sort-ui 1.1.2 → 1.2.0

package/dist/styles.css

@@ -13007,14 +13007,20 @@
   content: "\f69d";
 }
 
-/* ===== Redaction — Local Font Faces ===== */
+/*
+ * ===== Redaction — Local Font Faces =====
+ * Brand rule: Redaction MUST always render in its Regular weight, never Bold —
+ * for headlines and quotes alike. The Bold faces are intentionally omitted and
+ * the Regular/Italic faces span the full weight range (100–900), so any
+ * requested font-weight maps to Regular with no synthetic bolding.
+ */
 
 @font-face {
   font-family: 'Redaction';
 
   src: url('./fonts/Redaction/webfonts/Redaction-Regular.woff2') format('woff2');
 
-  font-weight: 400;
+  font-weight: 100 900;
 
   font-style: normal;
 
@@ -13026,33 +13032,21 @@
 
   src: url('./fonts/Redaction/webfonts/Redaction-Italic.woff2') format('woff2');
 
-  font-weight: 400;
+  font-weight: 100 900;
 
   font-style: italic;
 
   font-display: swap;
 }
 
-@font-face {
-  font-family: 'Redaction';
-
-  src: url('./fonts/Redaction/webfonts/Redaction-Bold.woff2') format('woff2');
-
-  font-weight: 700;
-
-  font-style: normal;
-
-  font-display: swap;
-}
-
-/* ===== Redaction 35 — Local Font Faces ===== */
+/* ===== Redaction 35 — Local Font Faces (Regular weight only, see above) ===== */
 
 @font-face {
   font-family: 'Redaction 35';
 
   src: url('./fonts/Redaction/webfonts/Redaction_35-Regular.woff2') format('woff2');
 
-  font-weight: 400;
+  font-weight: 100 900;
 
   font-style: normal;
 
@@ -13064,25 +13058,13 @@
 
   src: url('./fonts/Redaction/webfonts/Redaction_35-Italic.woff2') format('woff2');
 
-  font-weight: 400;
+  font-weight: 100 900;
 
   font-style: italic;
 
   font-display: swap;
 }
 
-@font-face {
-  font-family: 'Redaction 35';
-
-  src: url('./fonts/Redaction/webfonts/Redaction_35-Bold.woff2') format('woff2');
-
-  font-weight: 700;
-
-  font-style: normal;
-
-  font-display: swap;
-}
-
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -13663,7 +13645,8 @@ video {
   --ring: 221 96.9% 62.5%;
   --radius: 0.5rem;
   /* Sort UI Font Family Tokens — Font A (default) */
-  --font-headline: var(--font-geist-sans);
+  /* Headlines use Redaction (display); body/UI stays Geist. */
+  --font-headline: 'Redaction', Georgia, serif;
   --font-body:     var(--font-geist-sans);
   --font-quote:     'Redaction', Georgia, serif;
   --font-quote-alt: 'Redaction 35', Georgia, serif;
@@ -15005,6 +14988,14 @@ body {
   text-rendering: optimizeLegibility;
 }
 
+/* Headline 1–3 use the headline font (Redaction by default). h4–h6 inherit body. */
+
+h1,
+  h2,
+  h3 {
+  font-family: var(--font-headline), Georgia, serif;
+}
+
 /* #55 Document selection styling */
 
 ::-moz-selection {
@@ -17352,6 +17343,26 @@ button,
   background-color: var(--color-bg);
 }
 
+.bg-\[hsl\(var\(--chart-1\)\)\] {
+  background-color: hsl(var(--chart-1));
+}
+
+.bg-\[hsl\(var\(--chart-2\)\)\] {
+  background-color: hsl(var(--chart-2));
+}
+
+.bg-\[hsl\(var\(--chart-3\)\)\] {
+  background-color: hsl(var(--chart-3));
+}
+
+.bg-\[hsl\(var\(--chart-4\)\)\] {
+  background-color: hsl(var(--chart-4));
+}
+
+.bg-\[hsl\(var\(--chart-5\)\)\] {
+  background-color: hsl(var(--chart-5));
+}
+
 .bg-\[rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
   background-color: rgba(255,255,255,0.1);
 }
@@ -17377,6 +17388,10 @@ button,
   background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
 }
 
+.bg-background {
+  background-color: hsl(var(--background));
+}
+
 .bg-black\/80 {
   background-color: rgb(0 0 0 / 0.8);
 }
@@ -19207,6 +19222,10 @@ button,
   --tw-ring-color: hsl(var(--primary));
 }
 
+.ring-ring {
+  --tw-ring-color: hsl(var(--ring));
+}
+
 .ring-sidebar-ring {
   --tw-ring-color: hsl(var(--sidebar-ring));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxsteinwender/sort-ui",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "A coded design system based on Sort UI Kit — Figma components as production-ready Next.js/Tailwind components",
   "author": "Max Steinwender",
   "license": "UNLICENSED",
@@ -134,6 +134,7 @@
     "prettier-plugin-tailwindcss": "^0.7.2",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "remark-gfm": "^4.0.1",
     "storybook": "^10.2.19",
     "tailwindcss": "^3.4.1",
     "tsup": "^8.5.1",