@mlola-ui/engine 1.1.2 → 1.1.3

package/generated/agents.json

@@ -339,6 +339,10 @@
       "name": "ml-link",
       "note": "A glyph inside a link flows with the text instead of breaking the line."
     },
+    {
+      "name": "ml-link-external",
+      "note": "The mark after a link to another site, which opens in a new tab."
+    },
     {
       "name": "ml-page-shell",
       "note": "The navigation, main and footer are grid items; they may be narrower than their widest content (a table that scrolls), so the page never does."

package/generated/agents.md

@@ -128,11 +128,12 @@ Compose pages from these before writing layout CSS: sections, stacks,
 clusters, grids, headings, forms, stats. They read the same tokens as every
 component, so a page built from them themes with the rest.
 
-`.ml-actions` `.ml-brand` `.ml-brand-mark` `.ml-brand-name` `.ml-chart` `.ml-chart-bar` `.ml-chart-bars` `.ml-chart-heading` `.ml-check-list` `.ml-cluster` `.ml-definition-list` `.ml-display` `.ml-divider` `.ml-empty-state` `.ml-eyebrow` `.ml-filter-chip` `.ml-filter-group` `.ml-fine-print` `.ml-form` `.ml-form-message` `.ml-form-options` `.ml-grid` `.ml-heading` `.ml-icon-chip` `.ml-inline-form` `.ml-inline-form-field` `.ml-label` `.ml-lede` `.ml-link` `.ml-page-shell` `.ml-person` `.ml-person-copy` `.ml-positive` `.ml-price` `.ml-required-mark` `.ml-section` `.ml-section-description` `.ml-section-header` `.ml-section-header-centered` `.ml-section-muted` `.ml-section-shell` `.ml-stack` `.ml-stat` `.ml-stat-card` `.ml-stat-grid` `.ml-stat-list` `.ml-stat-meta` `.ml-stat-value` `.ml-text-primary` `.ml-value`
+`.ml-actions` `.ml-brand` `.ml-brand-mark` `.ml-brand-name` `.ml-chart` `.ml-chart-bar` `.ml-chart-bars` `.ml-chart-heading` `.ml-check-list` `.ml-cluster` `.ml-definition-list` `.ml-display` `.ml-divider` `.ml-empty-state` `.ml-eyebrow` `.ml-filter-chip` `.ml-filter-group` `.ml-fine-print` `.ml-form` `.ml-form-message` `.ml-form-options` `.ml-grid` `.ml-heading` `.ml-icon-chip` `.ml-inline-form` `.ml-inline-form-field` `.ml-label` `.ml-lede` `.ml-link` `.ml-link-external` `.ml-page-shell` `.ml-person` `.ml-person-copy` `.ml-positive` `.ml-price` `.ml-required-mark` `.ml-section` `.ml-section-description` `.ml-section-header` `.ml-section-header-centered` `.ml-section-muted` `.ml-section-shell` `.ml-stack` `.ml-stat` `.ml-stat-card` `.ml-stat-grid` `.ml-stat-list` `.ml-stat-meta` `.ml-stat-value` `.ml-text-primary` `.ml-value`
 
 - `.ml-brand-mark` — A brand's own logo takes the mark's place: no chip, the text color, the mark's size.
 - `.ml-check-list` — A list of benefits, each after a check. Pricing tiers and feature rows share it.
 - `.ml-link` — A glyph inside a link flows with the text instead of breaking the line.
+- `.ml-link-external` — The mark after a link to another site, which opens in a new tab.
 - `.ml-page-shell` — The navigation, main and footer are grid items; they may be narrower than their widest content (a table that scrolls), so the page never does.
 - `.ml-section` — A section a link jumps to clears the sticky navigation bar.
 

package/generated/recipes.css

@@ -29,6 +29,12 @@
   --mlola-glyph-optical-scale: 1.03;
 }
 
+/* The mark after a link to another site, which opens in a new tab. */
+.ml-link-external {
+  margin-inline-start: var(--ml-space-1);
+  vertical-align: -.125em;
+}
+
 .ml-visually-hidden {
   position: absolute;
   width: 1px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mlola-ui/engine",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Framework-free CSS, spring easings, and the machine-readable contract for Mlola UI",
   "type": "module",
   "sideEffects": [