@stealthscale/component-disclosure 0.2.2 → 0.2.4

package/locales/en/specimen/tabs.json

@@ -0,0 +1,108 @@
+{
+  "about": "Renders a list of tabs and the panel of the selected tab.",
+  "activity": "Activity",
+  "closing": {
+    "about": "Closable tabs over a caller's list of files. Press a tab's close control, press a tab with the middle button, or press Delete on the focused tab. The selection and the focus move to the next tab, else the previous one. The unsaved file shows a status dot. Closing the last file shows the empty state.",
+    "title": "Closing tabs"
+  },
+  "controlled": {
+    "about": "A controlled tab list with two buttons outside the list. Close article closes the selected article and selects the next one through `Tabs.selectionAfterClose`, the rule the tabs follow. Reopen the articles puts the closed articles back in their places, before or after the selected one, and the indicator follows the selected tab.",
+    "title": "Closing from outside the list"
+  },
+  "drafts": {
+    "body": "Order {{number}} is a draft. Nothing is sent until you submit it.",
+    "close": "Close draft",
+    "label": "Draft orders",
+    "name": "Order {{number}}"
+  },
+  "files": {
+    "about": {
+      "build": "Builds the packages on every push to a pull request.",
+      "deploy": "Deploys the main branch to production after the checks pass.",
+      "nightly": "Runs the full suite against every browser at 02:00 UTC.",
+      "release": "Tags a release and publishes the packages to the registry."
+    },
+    "close": "Close file",
+    "empty": {
+      "about": "Every workflow file is closed.",
+      "reopen": "Reopen the files",
+      "title": "No open files"
+    },
+    "label": "Open files",
+    "names": {
+      "build": "build.yml",
+      "deploy": "deploy.yml",
+      "nightly": "nightly.yml",
+      "release": "release.yml"
+    },
+    "unsaved": "unsaved changes"
+  },
+  "fitted": {
+    "about": "Tabs at their own width, and tabs sharing the list's width equally, in the enclosed look, where each tab's width shows.",
+    "title": "Fitted"
+  },
+  "holds": "The balance, the limits and the owners of the account.",
+  "justify": {
+    "about": "Every distribution of the tabs in a list wider than they are.",
+    "title": "Distribution"
+  },
+  "label": "Account",
+  "lately": "The payments and changes of the last thirty days.",
+  "orientation": {
+    "about": "A list down the start of a settings page. The machine's `orientation` option sets it, and the indicator and the arrow keys follow: ArrowDown and ArrowUp move between the tabs.",
+    "title": "Orientation"
+  },
+  "overview": "Overview",
+  "palette": {
+    "about": "Every palette in the line look. The palette colours the indicator and the selected tab's text.",
+    "title": "Palettes"
+  },
+  "preferences": {
+    "bodies": {
+      "billing": "The card on file, the billing address and past invoices.",
+      "notifications": "Which events send an email, and which only show here.",
+      "profile": "Your name, your photo and the language of the interface.",
+      "security": "Your password, two-factor sign-in and active sessions."
+    },
+    "label": "Preferences",
+    "names": {
+      "billing": "Billing",
+      "notifications": "Notifications",
+      "profile": "Profile",
+      "security": "Security"
+    }
+  },
+  "reader": {
+    "bodies": {
+      "billing": "Change the card a subscription is billed to, and the day it is billed.",
+      "disputes": "Answer a disputed payment with the evidence the bank asks for.",
+      "invoices": "Download an invoice, or send it again to another address.",
+      "refunds": "Refund a payment in full or in part within 180 days."
+    },
+    "close": "Close article",
+    "closeTab": "Close article",
+    "label": "Help articles",
+    "names": {
+      "billing": "Billing",
+      "disputes": "Disputes",
+      "invoices": "Invoices",
+      "refunds": "Refunds"
+    },
+    "reopen": "Reopen the articles"
+  },
+  "scrolling": {
+    "about": "Fourteen draft orders in a list that scrolls sideways inside a scroll area, whose edges fade. The selected tab scrolls itself into view, and the page does not scroll.",
+    "title": "Many tabs"
+  },
+  "settings": "Settings",
+  "size": {
+    "about": "Every size. The size sets the tab's height and text on the control scale, and the panel's padding.",
+    "title": "Sizes"
+  },
+  "title": "Tabs",
+  "tuned": "The notifications, the currency and the statement day.",
+  "variant": {
+    "about": "Every look.",
+    "title": "Looks"
+  }
+}

package/locales/en/specimen/toggle-tip.json

@@ -0,0 +1,47 @@
+{
+  "about": "Opens a short note beside its trigger on a press, and closes it on a second press, Escape or a press outside. It looks like a tooltip and opens like a popover, so it works on a touch screen and can contain a link. The trigger keeps focus, and a screen reader hears the note as it opens.",
+  "definition": {
+    "label": "Chargeback",
+    "tip": "A payment the cardholder's bank takes back after a dispute.",
+    "trigger": "About chargebacks"
+  },
+  "fees": {
+    "about": "Three fees in a data list, each with a note beside its name. Each note is a toggle tip of its own, and the buttons take their size and look from one `ButtonPropsProvider`.",
+    "conversion": {
+      "label": "Currency conversion",
+      "tip": "Charged on a payout in another currency.",
+      "trigger": "About currency conversion",
+      "value": "1%"
+    },
+    "payout": {
+      "label": "Payout fee",
+      "tip": "Charged once for each payout to your bank.",
+      "trigger": "About the payout fee",
+      "value": "€0.50"
+    },
+    "processing": {
+      "label": "Processing fee",
+      "tip": "Charged by the card network on every payment.",
+      "trigger": "About the processing fee",
+      "value": "2.9% + €0.25"
+    },
+    "title": "Fees"
+  },
+  "placement": {
+    "about": "The note on each side of its trigger, set by the machine's `positioning.placement`. The machine flips a note that would cross the edge of the window to the opposite side.",
+    "title": "Placement"
+  },
+  "terms": {
+    "about": "A note with a link. Tab from the trigger moves into the note, so the link is reachable from the keyboard, and Tab out of the note closes it.",
+    "label": "Returned payouts",
+    "link": "Read the terms",
+    "tip": "A returned payout is raised again after three working days.",
+    "title": "Note with a link",
+    "trigger": "About returned payouts"
+  },
+  "title": "Toggle tip",
+  "variant": {
+    "about": "Every look at every size. Press a trigger to open its note. The size sets the note's padding and text.",
+    "title": "Looks and sizes"
+  }
+}

package/locales/en/specimen/tooltip.json

@@ -0,0 +1,14 @@
+{
+  "about": "Renders a short label beside a control, shown on hover and on keyboard focus.",
+  "placement": {
+    "about": "The content on each side of the trigger, set by the machine's `positioning.placement`. The machine flips content that would cross the edge of the window to the opposite side.",
+    "title": "Placement"
+  },
+  "save": "Save",
+  "saves": "Saves without closing",
+  "title": "Tooltip",
+  "variant": {
+    "about": "Both looks at every size. A tooltip opens after `openDelay` when the pointer rests on its trigger, and at once when keyboard focus moves to the trigger.",
+    "title": "Looks and sizes"
+  }
+}

package/locales/en/specimen/truncate.json

@@ -0,0 +1,31 @@
+{
+  "about": "Truncate clips text to a number of lines with an ellipsis, and shows the whole text in a tooltip only while something is cut off. The text is measured, so the tooltip goes away when the box grows. A clamp clips the paint and not the document, so a screen reader reads the whole text once.",
+  "description": {
+    "text": "Barge NL-2291 left Rotterdam Maasvlakte II at 04:15 for Duisburg Ruhrort. At Emmerich am Rhein a customs count found two seals broken and one container declared for a consignee that closed in March, so the load goes back down the Rhine to the terminal that loaded it."
+  },
+  "fits": {
+    "about": "The same component around text that fits: no tooltip, no tab stop and no mark, because a tooltip that repeats text already on the page adds nothing.",
+    "name": "Duisburg Ruhrort",
+    "title": "Text that fits"
+  },
+  "lines": {
+    "about": "One description at 1, 2 and 3 lines in one narrow room. Every one of them clips, so every one shows the whole text in a tooltip under the pointer.",
+    "title": "Lines"
+  },
+  "notes": {
+    "about": "A clipped note takes a tab stop because focusable is set, and keyboard focus opens its tooltip. The delivered note fits, so Tab skips it.",
+    "items": {
+      "delivered": "Delivered to the dock",
+      "held": "Held at Emmerich am Rhein for a customs count that found two seals broken on the upper tier",
+      "rerouted": "Rerouted through Nijmegen after the lock at Weurt closed for repairs until Thursday morning"
+    },
+    "title": "Reachable by keyboard"
+  },
+  "shipment": {
+    "about": "Clipped text on a row beside a badge that does not shrink. The text takes the room the badge leaves and clips there, in place of pushing the badge off the row.",
+    "note": "Barge NL-2291 held at Emmerich am Rhein for a customs count after two seals were found broken on the upper tier",
+    "status": "Held",
+    "title": "Beside something fixed"
+  },
+  "title": "Truncate"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stealthscale/component-disclosure",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Draws what is shown and hidden on the reader's say-so.",
   "keywords": [
     "accordion",
@@ -19,6 +19,7 @@
   "files": [
     "dist",
     "LICENSE",
+    "locales",
     "README.md"
   ],
   "type": "module",
@@ -48,16 +49,16 @@
   },
   "devDependencies": {
     "@arethetypeswrong/core": "^0.18",
-    "@stealthscale/component-a11y": "^0.1.2",
-    "@stealthscale/component-actions": "^0.2.1",
-    "@stealthscale/component-primitives": "^0.3.0",
+    "@stealthscale/component-a11y": "^0.1.3",
+    "@stealthscale/component-actions": "^0.2.3",
+    "@stealthscale/component-primitives": "^0.3.1",
     "@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",
@@ -73,8 +74,8 @@
     "vitest": "5.0.3"
   },
   "peerDependencies": {
-    "@stealthscale/component-a11y": "^0.1.2",
-    "@stealthscale/component-primitives": "^0.3.0",
+    "@stealthscale/component-a11y": "^0.1.3",
+    "@stealthscale/component-primitives": "^0.3.1",
     "@stealthscale/hooks": "^0.3.0",
     "@stealthscale/theme": "^0.5.0",
     "react": "^19.3"