@pantoken/components 1.1.1 → 1.1.3

package/dist/index.mjs

@@ -1752,12 +1752,16 @@ ${s} blockquote {
   font-style: var(--instui-component-text-content-quote-font-style);
 }
 
+/* Code is written left-to-right even inside RTL prose, and a class name like \`.--bg-<name>\` is all
+   bidi-neutral characters, so without an isolated LTR run the bidi algorithm reorders it on screen. */
 ${s} code {
   font-family: var(--instui-font-family-code);
   font-size: 0.9em;
   background: var(--instui-color-background-muted);
   padding: var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);
   border-radius: var(--instui-border-radius-sm);
+  direction: ltr;
+  unicode-bidi: isolate;
 }
 ${s} pre {
   font-family: var(--instui-font-family-code);
@@ -1767,6 +1771,8 @@ ${s} pre {
   border: var(--instui-border-width-sm) solid var(--instui-color-stroke-base);
   border-radius: var(--instui-border-radius-md);
   overflow-x: auto;
+  direction: ltr;
+  text-align: left;
 }
 ${s} pre code { background: none; padding: 0; border-radius: 0; font-size: inherit; }
 

package/dist/prose.css

@@ -1 +1 @@
-:where(body){color:var(--instui-component-text-base-color);font-family:var(--instui-component-text-content-font-family);font-size:var(--instui-component-text-content-font-size);font-weight:var(--instui-component-text-content-font-weight);line-height:var(--instui-component-text-content-line-height)}:where(body) h1,:where(body) h2,:where(body) h3,:where(body) h4,:where(body) h5,:where(body) h6{color:var(--instui-component-heading-base-color);font-family:var(--instui-component-heading-h1-font-family);line-height:var(--instui-component-heading-line-height);margin:var(--instui-spacing-space-lg) 0 var(--instui-spacing-space-sm)}:where(body) h1{font-size:var(--instui-component-heading-h1-font-size);font-weight:var(--instui-component-heading-h1-font-weight)}:where(body) h2{font-size:var(--instui-component-heading-h2-font-size);font-weight:var(--instui-component-heading-h2-font-weight)}:where(body) h3{font-size:var(--instui-component-heading-h3-font-size);font-weight:var(--instui-component-heading-h3-font-weight)}:where(body) h4{font-size:var(--instui-component-heading-h4-font-size);font-weight:var(--instui-component-heading-h4-font-weight)}:where(body) h5{font-size:var(--instui-component-heading-h5-font-size);font-weight:var(--instui-component-heading-h5-font-weight)}:where(body) h6{font-size:var(--instui-component-heading-h6-font-size);font-weight:var(--instui-component-heading-h6-font-weight)}:where(body) p{margin:var(--instui-spacing-space-md) 0}:where(body) a{color:var(--instui-color-text-interactive-navigation-primary-base);text-decoration:underline}:where(body) a:hover{color:var(--instui-color-text-interactive-navigation-primary-hover)}:where(body) strong,:where(body) b{font-weight:var(--instui-component-text-content-important-font-weight)}:where(body) em,:where(body) i{font-style:italic}:where(body) small{font-size:var(--instui-component-text-content-small-font-size)}:where(body) del,:where(body) s{color:var(--instui-color-text-muted);text-decoration:line-through}:where(body) ul,:where(body) ol{margin:var(--instui-spacing-space-md) 0;padding-inline-start:var(--instui-spacing-space-lg)}:where(body) li{margin:var(--instui-spacing-space2xs) 0}:where(body) li.task-list-item{list-style:none}:where(body) input[type=checkbox]{accent-color:var(--instui-color-text-interactive-navigation-primary-base);margin-inline-end:var(--instui-spacing-space-xs)}:where(body) blockquote{margin:var(--instui-spacing-space-md) 0;border-inline-start:var(--instui-border-width-lg) solid var(--instui-color-stroke-base);color:var(--instui-component-text-base-color);font-size:var(--instui-component-text-content-quote-font-size);line-height:var(--instui-component-text-content-quote-line-height);font-weight:var(--instui-component-text-content-quote-font-weight);font-style:var(--instui-component-text-content-quote-font-style);padding-inline-start:var(--instui-spacing-space-md)}:where(body) code{font-family:var(--instui-font-family-code);background:var(--instui-color-background-muted);padding:var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);border-radius:var(--instui-border-radius-sm);font-size:.9em}:where(body) pre{font-family:var(--instui-font-family-code);background:var(--instui-color-background-container);color:var(--instui-color-text-base);padding:var(--instui-spacing-space-md);border:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);border-radius:var(--instui-border-radius-md);overflow-x:auto}:where(body) pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}:where(body) hr{border:none;border-top:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);margin:var(--instui-spacing-space-lg) 0}:where(body) img{border-radius:var(--instui-border-radius-md);max-width:100%}:where(body) table:not([class]){border-collapse:collapse;width:100%;margin:var(--instui-spacing-space-md) 0;background:var(--instui-component-table-background);color:var(--instui-component-table-color);font-family:var(--instui-component-table-font-family);font-size:var(--instui-component-table-font-size)}:where(body) table:not([class]) th{text-align:start;background:var(--instui-component-table-col-header-background);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight);padding:var(--instui-component-table-col-header-padding-vertical) var(--instui-component-table-col-header-padding-horizontal);border-bottom:var(--instui-border-width-md) solid var(--instui-component-table-row-border-color)}:where(body) table:not([class]) td{color:var(--instui-component-table-cell-color);line-height:var(--instui-component-table-cell-line-height);padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal);border-bottom:var(--instui-border-width-sm) solid var(--instui-component-table-row-border-color)}
+:where(body){color:var(--instui-component-text-base-color);font-family:var(--instui-component-text-content-font-family);font-size:var(--instui-component-text-content-font-size);font-weight:var(--instui-component-text-content-font-weight);line-height:var(--instui-component-text-content-line-height)}:where(body) h1,:where(body) h2,:where(body) h3,:where(body) h4,:where(body) h5,:where(body) h6{color:var(--instui-component-heading-base-color);font-family:var(--instui-component-heading-h1-font-family);line-height:var(--instui-component-heading-line-height);margin:var(--instui-spacing-space-lg) 0 var(--instui-spacing-space-sm)}:where(body) h1{font-size:var(--instui-component-heading-h1-font-size);font-weight:var(--instui-component-heading-h1-font-weight)}:where(body) h2{font-size:var(--instui-component-heading-h2-font-size);font-weight:var(--instui-component-heading-h2-font-weight)}:where(body) h3{font-size:var(--instui-component-heading-h3-font-size);font-weight:var(--instui-component-heading-h3-font-weight)}:where(body) h4{font-size:var(--instui-component-heading-h4-font-size);font-weight:var(--instui-component-heading-h4-font-weight)}:where(body) h5{font-size:var(--instui-component-heading-h5-font-size);font-weight:var(--instui-component-heading-h5-font-weight)}:where(body) h6{font-size:var(--instui-component-heading-h6-font-size);font-weight:var(--instui-component-heading-h6-font-weight)}:where(body) p{margin:var(--instui-spacing-space-md) 0}:where(body) a{color:var(--instui-color-text-interactive-navigation-primary-base);text-decoration:underline}:where(body) a:hover{color:var(--instui-color-text-interactive-navigation-primary-hover)}:where(body) strong,:where(body) b{font-weight:var(--instui-component-text-content-important-font-weight)}:where(body) em,:where(body) i{font-style:italic}:where(body) small{font-size:var(--instui-component-text-content-small-font-size)}:where(body) del,:where(body) s{color:var(--instui-color-text-muted);text-decoration:line-through}:where(body) ul,:where(body) ol{margin:var(--instui-spacing-space-md) 0;padding-inline-start:var(--instui-spacing-space-lg)}:where(body) li{margin:var(--instui-spacing-space2xs) 0}:where(body) li.task-list-item{list-style:none}:where(body) input[type=checkbox]{accent-color:var(--instui-color-text-interactive-navigation-primary-base);margin-inline-end:var(--instui-spacing-space-xs)}:where(body) blockquote{margin:var(--instui-spacing-space-md) 0;border-inline-start:var(--instui-border-width-lg) solid var(--instui-color-stroke-base);color:var(--instui-component-text-base-color);font-size:var(--instui-component-text-content-quote-font-size);line-height:var(--instui-component-text-content-quote-line-height);font-weight:var(--instui-component-text-content-quote-font-weight);font-style:var(--instui-component-text-content-quote-font-style);padding-inline-start:var(--instui-spacing-space-md)}:where(body) code{font-family:var(--instui-font-family-code);background:var(--instui-color-background-muted);padding:var(--instui-spacing-space2xs) var(--instui-spacing-space-xs);border-radius:var(--instui-border-radius-sm);direction:ltr;unicode-bidi:isolate;font-size:.9em}:where(body) pre{font-family:var(--instui-font-family-code);background:var(--instui-color-background-container);color:var(--instui-color-text-base);padding:var(--instui-spacing-space-md);border:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);border-radius:var(--instui-border-radius-md);text-align:left;direction:ltr;overflow-x:auto}:where(body) pre code{font-size:inherit;background:0 0;border-radius:0;padding:0}:where(body) hr{border:none;border-top:var(--instui-border-width-sm) solid var(--instui-color-stroke-base);margin:var(--instui-spacing-space-lg) 0}:where(body) img{border-radius:var(--instui-border-radius-md);max-width:100%}:where(body) table:not([class]){border-collapse:collapse;width:100%;margin:var(--instui-spacing-space-md) 0;background:var(--instui-component-table-background);color:var(--instui-component-table-color);font-family:var(--instui-component-table-font-family);font-size:var(--instui-component-table-font-size)}:where(body) table:not([class]) th{text-align:start;background:var(--instui-component-table-col-header-background);color:var(--instui-component-table-col-header-color);font-weight:var(--instui-component-table-head-font-weight);padding:var(--instui-component-table-col-header-padding-vertical) var(--instui-component-table-col-header-padding-horizontal);border-bottom:var(--instui-border-width-md) solid var(--instui-component-table-row-border-color)}:where(body) table:not([class]) td{color:var(--instui-component-table-cell-color);line-height:var(--instui-component-table-cell-line-height);padding:var(--instui-component-table-cell-padding-vertical) var(--instui-component-table-cell-padding-horizontal);border-bottom:var(--instui-border-width-sm) solid var(--instui-component-table-row-border-color)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantoken/components",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "description": "An InstUI-look CSS component library from the pantoken tokens: prose/content styling plus class-based components (button, alert, badge).",
   "homepage": "https://pantoken.app",
   "bugs": "https://github.com/thedannywahl/pantoken/issues",
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "@pantoken/plugin-colors": "0.1.3",
-    "@pantoken/scaffold-base": "0.2.1",
+    "@pantoken/scaffold-base": "0.3.0",
     "@pantoken/tokens": "0.3.2",
     "@pantoken/utils": "1.0.2"
   },
@@ -63,7 +63,7 @@
     "@pantoken/icons": "0.2.2",
     "@pantoken/plugin-props-minify": "0.1.4",
     "@pantoken/plugin-theme-custom-media": "0.2.4",
-    "@types/node": "^26.5.0",
+    "@types/node": "^26.5.1",
     "bingo-stratum": "^0.5.13",
     "postcss": "^8.5.28",
     "typescript": "^7.0.2",