@stealthscale/component-typography 0.3.0 → 0.3.2

package/locales/en/specimen/highlight.json

@@ -0,0 +1,37 @@
+{
+  "about": "Highlight marks every match of a search query in a text, each in the mark component, so a reader sees why a result matched. It matches as the search filters: by substring, with letter case ignored, each term trimmed and the longer term first.",
+  "letters": {
+    "about": "One query with letter case ignored, the default, and matched. Ignored, it marks Net and the net in network. Matched, it marks the lower-case net alone.",
+    "query": "net",
+    "text": "Net 30 terms apply to every invoice on the network plan.",
+    "title": "Letter case"
+  },
+  "looks": {
+    "about": "Every match takes the props of the mark, so a theme styles a match as it styles any highlight. The text look marks by weight, for a reader who does not see the fill.",
+    "query": "settled",
+    "text": "The dispute was raised on Tuesday and settled on Friday.",
+    "title": "Looks"
+  },
+  "search": {
+    "about": "Type in the field: the list keeps the titles that contain the query and marks it in each, as a help centre shows its results.",
+    "articles": {
+      "chargebacks": "Chargebacks and disputes",
+      "fees": "Fees for international payments",
+      "methods": "Payment methods by country",
+      "payouts": "Payout schedules",
+      "refunds": "Refunds and partial refunds"
+    },
+    "clear": "Clear the search",
+    "label": "Search the help centre",
+    "query": "pay",
+    "title": "Search results"
+  },
+  "terms": {
+    "about": "Several terms mark together, each wherever it occurs in the text.",
+    "chargeback": "chargeback",
+    "refund": "refund",
+    "text": "A refund returns a payment to the customer. A chargeback is a refund the customer's bank takes back after a dispute, and every chargeback costs a fee.",
+    "title": "Several terms"
+  },
+  "title": "Highlight"
+}

package/locales/en/specimen/icon.json

@@ -0,0 +1,22 @@
+{
+  "about": "Renders an icon at a size, in a text ink and with a motion. The component ships no artwork: pass paths as children or an icon component through `as`.",
+  "arrow": "Next",
+  "mirrored": {
+    "about": "An icon that points is mirrored in a right-to-left page. The arrow renders the same in this left-to-right page.",
+    "title": "Mirrored"
+  },
+  "motion": {
+    "about": "`spin` for loading, `float` for waiting and `twinkle` for something new. Each stops under reduced motion.",
+    "title": "Motion"
+  },
+  "size": {
+    "about": "The eight steps of the icon scale, and `inherit`, which is the height of the surrounding text.",
+    "title": "Sizes"
+  },
+  "star": "Favourite",
+  "title": "Icon",
+  "tone": {
+    "about": "Every text ink. `current` takes the ink of the surrounding text. The inverted ink is for a dark surface, so its cell renders on `bg.inverted`.",
+    "title": "Inks"
+  }
+}

package/locales/en/specimen/kbd.json

@@ -0,0 +1,32 @@
+{
+  "about": "Renders keyboard input as keycaps. `Kbd.Group` renders a key combination and sets the size, look and palette of its keycaps.",
+  "commands": {
+    "palette": "Open the command palette",
+    "redo": "Redo",
+    "save": "Save",
+    "undo": "Undo"
+  },
+  "find": "to search.",
+  "keys": {
+    "about": "Modifier and named keys at `md`. A one-character key is square.",
+    "title": "Keys"
+  },
+  "palette": {
+    "about": "Every look in every palette.",
+    "title": "Palettes"
+  },
+  "press": "Press",
+  "sentence": {
+    "about": "A combination at `md` inside a line of body text. The keycap is shorter than the line.",
+    "title": "In a sentence"
+  },
+  "shortcuts": {
+    "about": "Commands with their combinations in a 384px room. Each `Kbd.Group` sets `sm` on its keycaps.",
+    "title": "Shortcuts"
+  },
+  "title": "Kbd",
+  "variant": {
+    "about": "Every look at every size. `raised` is the default.",
+    "title": "Looks and sizes"
+  }
+}

package/locales/en/specimen/list.json

@@ -0,0 +1,34 @@
+{
+  "about": "Renders a list of items with the browser's markers, or with a mark in each item's `List.Indicator`.",
+  "align": {
+    "about": "The three alignments of the indicator against an item that wraps, in a 320px room.",
+    "title": "Alignment"
+  },
+  "features": {
+    "currencies": "Payouts in 34 currencies",
+    "invoices": "Unlimited invoices",
+    "sso": "Single sign-on with SAML and SCIM provisioning for every workspace"
+  },
+  "gap": {
+    "about": "Every gap token between the items.",
+    "title": "Gaps"
+  },
+  "marker": {
+    "about": "Every marker type. A counting marker renders on an `ol`.",
+    "title": "Markers"
+  },
+  "motion": {
+    "about": "The animation each item enters with. Each one runs once when the item mounts.",
+    "title": "Motion"
+  },
+  "steps": {
+    "connect": "Connect a bank account",
+    "invite": "Invite your team",
+    "verify": "Verify your email address"
+  },
+  "title": "List",
+  "variant": {
+    "about": "`plain` removes the browser's markers, and each item renders its mark in `List.Indicator`. Every other scene renders the default `marker` look.",
+    "title": "Plain"
+  }
+}

package/locales/en/specimen/mark.json

@@ -0,0 +1,23 @@
+{
+  "about": "Highlights text inside a line, such as a search hit. The element has the mark role.",
+  "effect": {
+    "about": "`glow` adds a shadow around the highlight. `shine` moves a highlight across the text.",
+    "title": "Effects"
+  },
+  "files": "in 3 files.",
+  "found": "Found",
+  "motion": {
+    "about": "The animation a highlight enters with. Each one runs once when the highlight mounts.",
+    "title": "Motion"
+  },
+  "palette": {
+    "about": "Every look in every palette. The `text` look sets a heavier weight in place of a fill, for a highlight that has to be distinguishable without colour.",
+    "title": "Palettes and looks"
+  },
+  "radius": {
+    "about": "Every corner at every inline inset, in the subtle look.",
+    "title": "Corners and insets"
+  },
+  "term": "chassis",
+  "title": "Mark"
+}

package/locales/en/specimen/quote.json

@@ -0,0 +1,19 @@
+{
+  "about": "Renders a quotation inside a line of text. The browser adds the quotation marks of the language in `lang`.",
+  "after": ".",
+  "before": "The auditor called the report",
+  "claim": "complete and accurate",
+  "marks": {
+    "about": "`auto` adds the browser's quotation marks. `none` adds no marks, for text that contains its own punctuation.",
+    "title": "Marks"
+  },
+  "motion": {
+    "about": "The animation a quotation enters with. Each one runs once when the quotation mounts.",
+    "title": "Motion"
+  },
+  "title": "Quote",
+  "tone": {
+    "about": "The quotation in every text ink, inside a line of body text. The inverted ink is for a dark surface, so its cell renders on `bg.inverted`.",
+    "title": "Inks"
+  }
+}

package/locales/en/specimen/span.json

@@ -0,0 +1,19 @@
+{
+  "about": "Renders a run of text inside a line. A span has no semantics and inherits the font of its line.",
+  "due": "Due",
+  "motion": {
+    "about": "The animation a span enters with. Each one runs once when the span mounts.",
+    "title": "Motion"
+  },
+  "path": "/var/log/nginx/sites/invoices.example.com/access.log.2026-09-19.gz",
+  "title": "Span",
+  "tone": {
+    "about": "Every text ink at every weight, inside a line of body text. The inverted ink is for a dark surface, so its row renders on `bg.inverted`.",
+    "title": "Inks and weights"
+  },
+  "total": "€1,024.00",
+  "truncate": {
+    "about": "A log path that wraps in a 320px room, and the same path cut to one line with an ellipsis.",
+    "title": "Truncate"
+  }
+}

package/locales/en/specimen/strong.json

@@ -0,0 +1,14 @@
+{
+  "about": "Marks text as more important than the surrounding text. The element has the strong role.",
+  "motion": {
+    "about": "The animation a strong run enters with. Each one runs once when the run mounts.",
+    "title": "Motion"
+  },
+  "permanent": "cannot be undone.",
+  "subject": "Deleting a workspace",
+  "title": "Strong",
+  "tone": {
+    "about": "Every weight in every text ink, inside a line of body text. The inverted ink is for a dark surface, so its row renders on `bg.inverted`.",
+    "title": "Weights and inks"
+  }
+}

package/locales/en/specimen/text.json

@@ -0,0 +1,31 @@
+{
+  "about": "Renders a paragraph in a body size, a text ink, a weight and an alignment.",
+  "align": {
+    "about": "The four alignments of a paragraph in a 576px room. `start` and `end` follow the writing direction.",
+    "title": "Alignment"
+  },
+  "mask": {
+    "about": "The three fade masks. `bottom` fades the last lines, `edges` fades both inline ends of a line that scrolls, and `radial` fades out from the centre.",
+    "title": "Mask"
+  },
+  "motion": {
+    "about": "The animation a paragraph enters with. Each one runs once when the paragraph mounts.",
+    "title": "Motion"
+  },
+  "payment": "Paid on 12 March.",
+  "release": "Payouts settle within two business days in 34 countries. A transfer started before 14:00 UTC arrives on the same day, and the dashboard shows the expected arrival date of every transfer.",
+  "session": "Your session ends in five minutes.",
+  "size": {
+    "about": "The five steps of the body text role.",
+    "title": "Sizes"
+  },
+  "title": "Text",
+  "tone": {
+    "about": "Every text ink at every weight. The inverted ink is for a dark surface, so its row renders on `bg.inverted`.",
+    "title": "Inks and weights"
+  },
+  "truncate": {
+    "about": "A paragraph that wraps, and the same paragraph cut to one line with an ellipsis. Show the full text elsewhere, such as in a detail view.",
+    "title": "Truncate"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stealthscale/component-typography",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "Draws the components that are text: a heading, a paragraph, a snippet of code, a key a reader is asked to press.",
   "keywords": [
     "components",
@@ -19,6 +19,7 @@
   "files": [
     "dist",
     "LICENSE",
+    "locales",
     "README.md"
   ],
   "type": "module",
@@ -39,10 +40,10 @@
     "@stealthscale/hooks": "^0.3.0",
     "@stealthscale/theme": "^0.5.0",
     "@stealthscale/vite-config": "^0.8.0",
-    "@stealthscale/vite-config-i18n": "^0.2.1",
+    "@stealthscale/vite-config-i18n": "^0.2.2",
     "@stealthscale/vite-config-react": "^0.9.1",
-    "@stealthscale/vite-config-specimen": "^0.2.1",
-    "@stealthscale/vite-config-theme": "^0.2.1",
+    "@stealthscale/vite-config-specimen": "^0.3.0",
+    "@stealthscale/vite-config-theme": "^0.3.0",
     "@stealthscale/vite-config-typescript": "^0.3.0",
     "@testing-library/react": "^16.3",
     "@types/react": "^19.3",