@stealthscale/component-typography 0.3.1 → 0.3.2

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.1",
+  "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,9 +40,9 @@
     "@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-specimen": "^0.3.0",
     "@stealthscale/vite-config-theme": "^0.3.0",
     "@stealthscale/vite-config-typescript": "^0.3.0",
     "@testing-library/react": "^16.3",