newspaperui 0.2.0 → 0.3.0

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Inter:wght@400;500;600;700&family=UnifrakturMaguntia&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap";:root{--font-family-masthead: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-family-blackletter: "UnifrakturMaguntia", "Cormorant Garamond", serif;--font-family-display: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-headline: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-body: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-meta: "Inter", system-ui, sans-serif;--font-family-cjk-serif: "Noto Serif SC", "Noto Serif JP", "Source Serif 4", serif;--font-family-cjk-jp: "Noto Serif JP", "Source Serif 4", serif;--nui-accent-cjk-red: #CC2929;--nui-bg-page: #F7F4ED;--nui-bg-surface: #FBF9F4;--nui-text-primary: #1A1A1A;--nui-text-body: #22201C;--nui-text-secondary: #4A4742;--nui-text-muted: #6E6A63;--nui-text-quote: #2E2A24;--nui-rule-hairline: #C9C2B2;--nui-rule-decorative: #1A1A1A;--nui-accent-primary: #7A1F1F;--nui-accent-ink-blue: #1B2A4A;--nui-highlight: #F2E9C8;--nui-gutter: 1.5rem;--nui-space-1: .25rem;--nui-space-2: .5rem;--nui-space-3: .75rem;--nui-space-4: 1rem;--nui-space-6: 1.5rem;--nui-space-8: 2rem;--nui-radius-none: 0;--nui-radius-sm: 2px;--nui-radius-md: 4px;--nui-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--nui-shadow-md: 0 2px 8px rgba(0,0,0,.08);--nui-transition-fast: .15s ease;--nui-transition-normal: .25s ease;--nui-z-base: 0;--nui-z-sticky: 10;--nui-z-header: 50;--nui-z-modal: 100;--nui-z-tooltip: 150}[data-theme=dark]{--nui-bg-page: #14110D;--nui-bg-surface: #1C1812;--nui-text-primary: #EDE6D6;--nui-text-body: #DCD4C2;--nui-text-secondary: #A89F8C;--nui-text-muted: #857C6A;--nui-text-quote: #DCD4C2;--nui-rule-hairline: #3A352C;--nui-rule-decorative: #EDE6D6;--nui-accent-primary: #C97A6E;--nui-accent-ink-blue: #7E94C2;--nui-highlight: #3A2F18;--nui-shadow-sm: 0 1px 2px rgba(0,0,0,.3);--nui-shadow-md: 0 2px 8px rgba(0,0,0,.4)}html,body{background:var(--nui-bg-page);color:var(--nui-text-body)}.nui-drop-cap>p:first-of-type:first-letter,.nui-drop-cap>:first-child:first-letter{float:left;font-family:var(--font-family-display);font-weight:700;font-size:4.2em;line-height:.82;margin:.05em .1em 0 0;color:var(--nui-text-primary)}.nui-small-caps{font-variant-caps:small-caps;font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:.06em;font-family:var(--font-family-meta)}.nui-paragraph-flow>p{margin:0;orphans:3;widows:3;-webkit-hyphens:auto;hyphens:auto;break-inside:avoid-column}.nui-paragraph-flow>p+p{text-indent:1em}.nui-paragraph-flow>p.nui-no-indent+p{text-indent:0}.nui-osf{font-feature-settings:"onum" 1,"kern" 1,"liga" 1;font-variant-numeric:oldstyle-nums proportional-nums}.nui-tnum{font-feature-settings:"lnum" 1,"tnum" 1;font-variant-numeric:lining-nums tabular-nums}.nui-hanging-punctuation{hanging-punctuation:first allow-end last}.nui-column-rule{column-rule:1px solid var(--nui-rule-hairline)}.nui-avoid-break{break-inside:avoid;page-break-inside:avoid}.nui-span-all-columns{column-span:all}.nui-masthead-rule-top,.nui-masthead-rule-bottom{height:8px;background:linear-gradient(to bottom,var(--nui-rule-decorative) 0,var(--nui-rule-decorative) 1px,transparent 1px,transparent 5px,var(--nui-rule-decorative) 5px,var(--nui-rule-decorative) 8px)}.nui-rule-hairline{border:0;border-top:1px solid var(--nui-rule-hairline);margin:0}@media (max-width: 640px){.nui-section{grid-template-columns:1fr!important}.nui-section>*{grid-column:1 / -1!important}.nui-bodytext{column-count:1!important;column-width:auto!important}}
+@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&family=Inter:wght@400;500;600;700&family=UnifrakturMaguntia&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=Noto+Serif+JP:wght@400;500;600;700;900&display=swap";:root{--font-family-masthead: "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-family-blackletter: "UnifrakturMaguntia", "Cormorant Garamond", serif;--font-family-display: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-headline: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-body: "Source Serif 4", Georgia, "Times New Roman", serif;--font-family-meta: "Inter", system-ui, sans-serif;--font-family-cjk-serif: "Noto Serif SC", "Noto Serif JP", "Source Serif 4", serif;--font-family-cjk-jp: "Noto Serif JP", "Source Serif 4", serif;--nui-accent-cjk-red: #CC2929;--nui-bg-page: #F7F4ED;--nui-bg-surface: #FBF9F4;--nui-text-primary: #1A1A1A;--nui-text-body: #22201C;--nui-text-secondary: #4A4742;--nui-text-muted: #6E6A63;--nui-text-quote: #2E2A24;--nui-rule-hairline: #C9C2B2;--nui-rule-decorative: #1A1A1A;--nui-accent-primary: #7A1F1F;--nui-accent-ink-blue: #1B2A4A;--nui-highlight: #F2E9C8;--nui-gutter: 1.5rem;--nui-space-1: .25rem;--nui-space-2: .5rem;--nui-space-3: .75rem;--nui-space-4: 1rem;--nui-space-6: 1.5rem;--nui-space-8: 2rem;--nui-radius-none: 0;--nui-radius-sm: 2px;--nui-radius-md: 4px;--nui-shadow-sm: 0 1px 2px rgba(0,0,0,.05);--nui-shadow-md: 0 2px 8px rgba(0,0,0,.08);--nui-transition-fast: .15s ease;--nui-transition-normal: .25s ease;--nui-z-base: 0;--nui-z-sticky: 10;--nui-z-header: 50;--nui-z-modal: 100;--nui-z-tooltip: 150}[data-theme=dark]{--nui-bg-page: #14110D;--nui-bg-surface: #1C1812;--nui-text-primary: #EDE6D6;--nui-text-body: #DCD4C2;--nui-text-secondary: #A89F8C;--nui-text-muted: #857C6A;--nui-text-quote: #DCD4C2;--nui-rule-hairline: #3A352C;--nui-rule-decorative: #EDE6D6;--nui-accent-primary: #C97A6E;--nui-accent-ink-blue: #7E94C2;--nui-highlight: #3A2F18;--nui-shadow-sm: 0 1px 2px rgba(0,0,0,.3);--nui-shadow-md: 0 2px 8px rgba(0,0,0,.4)}html,body{background:var(--nui-bg-page);color:var(--nui-text-body)}.nui-drop-cap>p:first-of-type:first-letter,.nui-drop-cap>:first-child:first-letter{float:left;font-family:var(--font-family-display);font-weight:700;font-size:4.2em;line-height:.82;margin:.05em .1em 0 0;color:var(--nui-text-primary)}.nui-small-caps{font-variant-caps:small-caps;font-feature-settings:"smcp" 1,"c2sc" 1;letter-spacing:.06em;font-family:var(--font-family-meta)}.nui-paragraph-flow>p{margin:0;orphans:3;widows:3;-webkit-hyphens:auto;hyphens:auto;break-inside:avoid-column}.nui-paragraph-flow>p+p{text-indent:1em}.nui-paragraph-flow>p.nui-no-indent+p{text-indent:0}.nui-osf{font-feature-settings:"onum" 1,"kern" 1,"liga" 1;font-variant-numeric:oldstyle-nums proportional-nums}.nui-tnum{font-feature-settings:"lnum" 1,"tnum" 1;font-variant-numeric:lining-nums tabular-nums}.nui-hanging-punctuation{hanging-punctuation:first allow-end last}.nui-column-rule{column-rule:1px solid var(--nui-rule-hairline)}.nui-avoid-break{break-inside:avoid;page-break-inside:avoid}.nui-span-all-columns{column-span:all}.nui-masthead-rule-top,.nui-masthead-rule-bottom{height:8px;background:linear-gradient(to bottom,var(--nui-rule-decorative) 0,var(--nui-rule-decorative) 1px,transparent 1px,transparent 5px,var(--nui-rule-decorative) 5px,var(--nui-rule-decorative) 8px)}.nui-rule-hairline{border:0;border-top:1px solid var(--nui-rule-hairline);margin:0}@media (max-width: 640px){.nui-section{grid-template-columns:1fr!important}.nui-section>*{grid-column:1 / -1!important}.nui-bodytext{column-count:1!important;column-width:auto!important}}.nui-chart-frame{margin:0;min-width:0;color:var(--nui-text-primary);border-top:1px solid var(--nui-rule-decorative);padding-top:1.1rem}.nui-chart-header{margin-bottom:1.5rem}.nui-chart-number{display:block;margin-bottom:.65rem;color:var(--nui-text-secondary);font:500 .63rem/1.4 var(--font-family-meta);letter-spacing:.14em}.nui-chart-frame .nui-chart-title{margin:0;color:var(--nui-text-primary);font:600 1.25rem/1.4 var(--font-family-headline);letter-spacing:-.02em;text-wrap:balance}.nui-chart-frame .nui-chart-description{margin:.45rem 0 0;color:var(--nui-text-secondary);font:400 .8rem/1.7 var(--font-family-body)}.nui-chart-frame .nui-chart-caption{border-top:1px solid var(--nui-rule-hairline);padding-top:.75rem;margin-top:.85rem;color:var(--nui-text-secondary);font:400 .67rem/1.8 var(--font-family-meta);overflow-wrap:anywhere}.nui-chart{min-width:0;font-family:var(--font-family-meta);color:var(--nui-text-primary);font-variant-numeric:lining-nums tabular-nums}.nui-chart-unit{margin-bottom:.6rem;font-size:.65rem;line-height:1.5;letter-spacing:.025em;color:var(--nui-text-secondary)}.nui-chart-svg{display:block;width:100%;height:auto;overflow:visible}.nui-chart svg text{fill:var(--nui-text-primary);font-family:var(--font-family-meta);font-size:12px}.nui-chart svg .nui-chart-tick{fill:var(--nui-text-secondary);font-size:11px}.nui-chart svg .nui-chart-value{font-weight:600;font-size:12px}.nui-chart svg .nui-chart-end-label{font-size:10px;fill:var(--nui-text-secondary)}.nui-chart svg .nui-chart-end-value{font:500 20px var(--font-family-display);letter-spacing:-.03em}.nui-chart svg .nui-chart-marker{font-size:10px;font-weight:600;letter-spacing:.08em}.nui-chart .nui-chart-message{padding:2rem 0;font-size:.85rem;color:var(--nui-text-secondary)}.nui-chart .nui-chart-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none}.nui-chart-legend li{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.75rem;overflow-wrap:anywhere}.nui-chart-legend svg{flex-shrink:0}.nui-chart .nui-chart-reference-label{margin:.8rem 0;font-size:.68rem;line-height:1.6;color:var(--nui-text-secondary);overflow-wrap:anywhere}.nui-chart-reference-label:before{content:"";display:inline-block;width:1.5rem;border-top:1px dashed currentColor;margin-right:.5rem;vertical-align:middle}.nui-chart .nui-chart-annotations{padding-left:1.25rem;margin:.9rem 0;list-style:decimal-leading-zero;font-size:.68rem;line-height:1.8;color:var(--nui-text-secondary)}.nui-chart-annotations li{padding-left:.25rem;overflow-wrap:anywhere}.nui-pie-chart{container-type:inline-size}.nui-pie-layout{display:grid;gap:1rem;align-items:center}.nui-pie-svg{display:block;width:min(100%,232px);height:auto;margin:0 auto}.nui-chart svg .nui-pie-total{font:400 33px var(--font-family-display);letter-spacing:-.055em}.nui-chart svg .nui-pie-total-label{fill:var(--nui-text-secondary);font:500 8px var(--font-family-meta);letter-spacing:.18em}.nui-chart .nui-pie-labels{list-style:none;padding:0;margin:0}.nui-pie-labels li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.5rem 0;margin:0;border-bottom:1px solid var(--nui-rule-hairline);font-size:.72rem;line-height:1.5}.nui-pie-labels li span{overflow-wrap:anywhere}.nui-pie-labels li strong{font:500 1.1rem/1.2 var(--font-family-display);letter-spacing:-.025em}@container (min-width: 480px){.nui-pie-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}}.nui-chart-data{margin-top:.75rem;font-size:.75rem}.nui-chart-data summary{cursor:pointer;width:fit-content;padding:.6rem 0;color:var(--nui-text-secondary);font-size:.65rem;letter-spacing:.025em}.nui-chart-data summary:hover{color:var(--nui-text-primary)}.nui-chart-data summary:focus-visible,.nui-chart-table-scroll:focus-visible{outline:2px solid var(--nui-text-primary);outline-offset:3px}.nui-chart-table-scroll{overflow-x:auto;max-width:100%}.nui-chart-data table{border-collapse:collapse;width:100%;min-width:0;font-size:.75rem}.nui-chart-data caption{text-align:left;padding:.5rem 0;font-weight:600}.nui-chart-data th,.nui-chart-data td{text-align:right;padding:.5rem;border-bottom:1px solid var(--nui-rule-hairline);min-width:0}.nui-chart-data th:first-child{text-align:left}@media print{.nui-chart-frame,.nui-chart{--nui-bg-page: #fff;--nui-text-primary: #000;--nui-text-secondary: #333;--nui-rule-hairline: #aaa;--nui-rule-decorative: #000;--nui-accent-primary: #000;break-inside:avoid;color:#000;background:#fff;color-scheme:light}.nui-chart-data{display:none}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "newspaperui",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Production-grade newspaper layout React components with built-in theme and utilities",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -18,8 +18,8 @@
     "dist"
   ],
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.1.0",