@nextrap/style-typography 1.0.3 → 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +2 -8
  3. package/index.css +1 -1
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,11 @@
1
+ ## 1.0.5 (2025-09-09)
2
+
3
+ This was a version bump only for style-typography to align it with other projects, there were no code changes.
4
+
5
+ ## 1.0.4 (2025-07-24)
6
+
7
+ This was a version bump only for style-typography to align it with other projects, there were no code changes.
8
+
1
9
  ## 1.0.3 (2025-07-24)
2
10
 
3
11
  This was a version bump only for style-typography to align it with other projects, there were no code changes.
package/README.md CHANGED
@@ -1,11 +1,5 @@
1
1
  # style-typography
2
2
 
3
- This library was generated with [Nx](https://nx.dev).
3
+ Typography styles and .prose class for rich text content.
4
4
 
5
- ## Building
6
-
7
- Run `nx build style-typography` to build the library.
8
-
9
- ## Running unit tests
10
-
11
- Run `nx test style-typography` to execute the unit tests via [Vitest](https://vitest.dev/).
5
+ See Demo markdown file for examples. [prose.md](./demo/prose.md)
package/index.css CHANGED
@@ -1 +1 @@
1
- h1,.h1{font-size:var(--nt-fs-h1);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}h2,.h2{font-size:var(--nt-fs-h2);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}h3,.h3{font-size:var(--nt-fs-h3);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}h4,.h4{font-size:var(--nt-fs-h4);font-family:var(--nt-font-family-header) sans-serif;line-height:var(--nt-line-height-header)}h5,.h5{font-size:var(--nt-fs-h5);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}h6,.h6{font-size:var(--nt-fs-h6);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}p,ul,ol,blockquote{--fs: var(--nt-fs-base);--font-family: var(--nt-font-family-base);--font-color: var(--nt-text)}body{font-family:var(--nt-font-family-base),sans-serif}p{font-size:var(--font-size-base);color:var(--font-color)}small{font-size:var(--nt-fs-small)}
1
+ h1,.h1{font-size:var(--nt-fs-h1);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}h2,.h2{font-size:var(--nt-fs-h2);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}h3,.h3{font-size:var(--nt-fs-h3);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}h4,.h4{font-size:var(--nt-fs-h4);font-family:var(--nt-font-family-header) sans-serif;line-height:var(--nt-line-height-header)}h5,.h5{font-size:var(--nt-fs-h5);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}h6,.h6{font-size:var(--nt-fs-h6);font-family:var(--nt-font-family-header),sans-serif;line-height:var(--nt-line-height-header)}p,ul,ol,blockquote{--fs: var(--nt-fs-base);--font-family: var(--nt-font-family-base);--font-color: var(--nt-text)}body{font-family:var(--nt-font-family-base),sans-serif}p{font-size:var(--font-size-base);color:var(--font-color)}small{font-size:var(--nt-fs-small)}body a{color:var(--nt-link);position:relative;text-decoration:underline;text-decoration-color:var(-nt-link);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}body a:hover{color:color-mix(in srgb,var(--nt-link),black 30%);text-decoration:underline}body a:focus{outline:1px dashed var(--nt-link);outline-offset:2px;text-decoration:underline}.prose{--prose-max-w: 75ch;--prose-section-space-top: var(--nt-space-5);--prose-section-space-bottom: var(--nt-space-4);--prose-para-space: var(--nt-space-4);--prose-link-decoration: underline;--prose-text: var(--nt-text);--prose-muted: rgba(from var(--nt-text) r g b / .7);max-width:var(--prose-max-w);color:var(--nt-text);line-height:1.65;display:block;margin:0 auto;--prose-table-border-color: var(--nt-text)}.prose.prose-xl{--prose-max-w: 100%}.prose *{margin-bottom:var(--prose-para-space)}.prose .box{--box-border: var(--nt-text);--box-background: transparentize();--box-text: var(--nt-text);--box-radius: var(--nt-border-radius);--box-header-color: var(--box-border);border:2px solid var(--box-border);border-radius:var(--box-radius);background:var(--box-background);padding:var(--nt-space)}.prose .box h1,.prose .box h2,.prose .box h3,.prose .box h4,.prose .box h5,.prose .box h6{color:var(--box-header-color)}.prose .box *:first-child{margin-top:0!important}.prose .box *:last-child{margin-bottom:0!important}.prose .box-primary{--box-border: var(--nt-primary-emphasis);--box-background: var(--nt-primary-subtle);--box-header-color: var(--nt-primary-emphasis)}.prose .box-secondary{--box-border: var(--nt-secondary-emphasis);--box-background: var(--nt-secondary-subtle);--box-header-color: var(--nt-secondary-emphasis)}.prose .box-accent{--box-border: var(--nt-accent-emphasis);--box-background: var(--nt-accent-subtle);--box-header-color: var(--nt-accent-emphasis)}.prose .box-success{--box-border: var(--nt-success-emphasis);--box-background: var(--nt-success-subtle);--box-header-color: var(--nt-success-emphasis)}.prose .box-info{--box-border: var(--nt-info-emphasis);--box-background: var(--nt-info-subtle);--box-header-color: var(--nt-info-emphasis)}.prose .box-warning{--box-border: var(--nt-warning-emphasis);--box-background: var(--nt-warning-subtle);--box-header-color: var(--nt-warning-emphasis)}.prose .box-danger{--box-border: var(--nt-danger-emphasis);--box-background: var(--nt-danger-subtle);--box-header-color: var(--nt-danger-emphasis)}.prose .box-light{--box-border: var(--nt-light-emphasis);--box-background: var(--nt-light-subtle);--box-header-color: var(--nt-light-emphasis)}.prose .box-dark{--box-border: var(--nt-dark-emphasis);--box-background: var(--nt-dark-subtle);--box-header-color: var(--nt-dark-emphasis)}.prose table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.prose thead{--border-bottom: 2px solid var(--prose-table-border-color)}.prose tbody{--border-bottom: 1px solid var(--prose-table-border-color)}.prose tfoot{--border-bottom: none}.prose th,.prose td{text-align:left;padding:var(--nt-space-2) var(--nt-space-3);border-bottom:var(--border-bottom, none)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{line-height:1.2;margin-top:var(--prose-section-space-top)}.prose h1>small,.prose h2>small,.prose h3>small,.prose h4>small,.prose h5>small,.prose h6>small{font-size:.6em;color:var(--prose-muted);margin-left:var(--nt-space-2);font-weight:400}.prose img,.prose video{max-width:100%;height:auto;border-radius:var(--nt-border-radius)}.prose .img-fluid{max-width:100%;height:auto}.prose .img-start{float:left;margin:0 var(--nt-space-3) 0 0;max-width:33%}.prose .img-end{float:right;margin:0 0 0 var(--nt-space-3);max-width:33%}.prose .img-inline{display:inline-block;vertical-align:middle;margin:0}.prose .img-caption{font-size:.875em;color:var(--prose-muted);text-align:center;margin-top:var(--nt-space-1);margin-bottom:var(--prose-para-space)}.prose .img-caption img{margin-bottom:0}.prose p.img-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--nt-space-3);justify-items:center;align-items:center}.prose p.img-grid img,.prose p.img-grid video{margin:0}.prose strong{font-weight:700}.prose em{font-style:italic}.prose small{font-size:.875em}.prose mark{background:rgb(from var(--nt-warning) r g b/var(--nt-alpha));padding:0 .25em;border-radius:.125rem}.prose ul,.prose ol{padding-left:var(--nt-space-4)}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-top:var(--prose-para-space)}.prose li>ul,.prose li>ol{margin-top:var(--prose-para-space)}.prose dt{font-weight:600}.prose dd{margin-left:var(--nt-space-3);color:var(--prose-muted)}.prose hr{border:0;border-top:var(--prose-border-width) solid var(--prose-hr);margin:var(--prose-gap-y) 0}.prose code{background:rgb(from var(--nt-dark) r g b/.06);padding:.125em .375em;border-radius:var(--prose-code-radius);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.875em}.prose pre{background:rgb(from var(--nt-dark) r g b/.06);padding:var(--nt-space-4);border-radius:var(--prose-border-radius);overflow:auto}.prose pre code{background:transparent;padding:0}.prose blockquote{padding:var(--nt-space-3) var(--nt-space-4);margin:var(--nt-space-4) 0;border-left:.25rem solid var(--nt-primary-emphasis);color:var(--prose-muted);font-size:1.125em}.prose figure{margin:0}.prose figcaption,.prose .figure-caption{color:var(--prose-muted);font-size:var(--nt-font-size-small);margin-top:.375rem;text-align:center}.prose .lead{font-size:calc(var(--nt-fs-2));color:var(--nt-text)}.prose .muted,.prose .text-muted{color:var(--prose-muted)}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nextrap/style-typography",
3
- "version": "1.0.3",
3
+ "version": "1.0.5",
4
4
  "main": "./index.js",
5
5
  "dependencies": {},
6
6
  "type": "module",